reactjs - 在 Recharts 的工具提示中对其进行格式化之前将其除以

Question

我有这张来自 recharts 的图表，它在工具提示中有一个很长的数字：

如果我将此属性传递到图表中，它会很好地格式化数字

<Tooltip formatter={maskString} />

我正在使用“react-number-format”中的这个函数和 NumberFormat；

export const maskString = (text) => {
  const hasThousandSeparator = true;
  const prefix = '$';
  return (
    <NumberFormat
      value={text}
      displayType={'text'}
      thousandSeparator={hasThousandSeparator}
      prefix={prefix}
    />
  );
};

输出正是我所需要的：

但在格式化数字之前，我需要将它除以 12...

我怎样才能做到这一点？

Answer 1

请参阅parseInt(), ReCharts:Tooltip和React Number Format了解更多信息。

有关更多实际上下文，请参阅此JSFiddle。

// Number Mask.    
export const NumberMask = (value) => (
  <NumberFormat
    value={parseInt(value/12)}
    displayType="text"
    thousandSeparator=","
    prefix="$"
  />
)

// Tooltip.
<Tooltip formatter={NumberMask}/>