如何更改 recharts 图表中的工具提示 dataKey

Question

我想更改工具提示中的工具提示 dataKey。怎么做到的？

我想设置为值TOOLTIP_DATAKEY[activeLanguage]

我应该在从 import { Tooltip } from 'recharts';

导入的 <Tooltip /> 上使用哪些道具

Answer 1

你应该使用 content prop

import { Tooltip } from 'recharts';

  ...

const CustomTooltip = () => <div>{TOOLTIP_DATAKEY[activeLanguage]}</div>;

  ...

<Tooltip
  content={<CustomTooltip/>}
/>