Ben*_*ith 5 javascript bar-chart d3.js reactjs recharts
在Recharts中,有什么方法可以在堆积条形图中显示单独的条形工具提示吗?
目前它显示所有堆叠条形的数据,但如果有很多条形,这可能会变得难以处理!该示例中图表的外观截图如下:
您可以看到工具提示包含 pv 和 uv 条的数据,但我希望在将鼠标悬停在 pv 上时,会显示专门用于该内容的工具提示,同样,当将鼠标悬停在 uv 上时也是如此。
<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 用户的图书馆,我认为这将是一个基本要求。
归档时间: |
|
查看次数: |
832 次 |
最近记录: |