如何在点/悬停工具提示中添加其他信息

Question

我在项目中使用recharts。我使用的图表是const VerifyEmail = ({match:{params}}) => { let token = params.token Accounts.verifyEmail(token, function(error){ if(error){ console.log(error) } else { console.log('Works') } }) return null; }; 。我的问题是我为X轴使用的值太长，因此我需要从X轴中删除它们，但仍将它们保留在图表悬停工具提示中。怎么做？换句话说，我需要在每个点/悬停工具提示中添加一些额外的数据。

Answer 1

您可以创建一个自定义工具提示组件并将其作为名为content的prop传递，这是一个自定义工具提示名为

的示例

<CustomizedLabelLineChart width={600} height={300} data={data}>
  <XAxis dataKey="name" tick={<CustomAxisTick />} />
  <YAxis />
  <Tooltip content={<CustomTooltip />}/>
  ...
</CustomizedLabelLineChart>

参考：http://recharts.org/en-US/guide/customize