图表中各个堆叠条形的工具提示?

Ben*_*ith 5 javascript bar-chart d3.js reactjs recharts

Recharts中,有什么方法可以在堆积条形图中显示单独的条形工具提示吗?

目前它显示所有堆叠条形的数据,但如果有很多条形,这可能会变得难以处理!该示例中图表的外观截图如下:

在此输入图像描述

您可以看到工具提示包含 pv 和 uv 条的数据,但我希望在将鼠标悬停在 pv 上时,会显示专门用于该内容的工具提示,同样,当将鼠标悬停在 uv 上时也是如此。

Recharts 网站的示例位于此处。显示条形图的代码是:

<BarChart width={600} height={300} data={data}
        margin={{top: 20, right: 30, left: 20, bottom: 5}}>
   <CartesianGrid strokeDasharray="3 3"/>
   <XAxis dataKey="name"/>
   <YAxis/>
   <Tooltip/>
   <Legend />
   <Bar dataKey="pv" stackId="a" fill="#8884d8" />
   <Bar dataKey="uv" stackId="a" fill="#82ca9d" />
</BarChart>
Run Code Online (Sandbox Code Playgroud)

对于拥有 13k 用户和 >21k 用户的图书馆,我认为这将是一个基本要求。