ant-design / ant-design-charts

A React Chart Library
https://ant-design-charts.antgroup.com/
MIT License
1.93k stars 363 forks source link

🐛[BUG]双轴图的Tooltip和交互存在问题 #2765

Open hsp-sz opened 2 hours ago

hsp-sz commented 2 hours ago

🐛 bug 描述 [详细地描述 bug,让大家都能理解]

  1. tooltip上,柱状图的tooltip的key变成了count;在原demo中再给柱状图补一组数据,则会显示出来,但是最后一项会和条形图中的一个tooltip重复,且通过tooltip覆盖,自定义等多方式无法调整修正问题。
  2. 配置interaction: { elementHighlight: { background: true } } 后,有时候hover到一个地方,背景会在其他地方亮

    📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]

    官网案例存在问题 https://ant-design-charts.antgroup.com/zh/examples/statistics/dual-axes/#grouped-column-multi-line

    image

柱状图补充一组数据,会发现tooltip不再是count,但是还是错误

image

🏞 期望结果 [描述你原本期望看到的结果]

能够正常的展示tooltip

💻 复现代码 [提供可复现的代码,仓库,或线上示例]

https://ant-design-charts.antgroup.com/zh/examples/statistics/dual-axes/#grouped-column-multi-line

© 版本信息

🚑 其他信息 [如截图等其他信息可以贴在这里]

hsp-sz commented 2 hours ago

因为存在部分柱状图数据比较小,所以期望hover到柱状图的垂直上方就可以触发背景,而不是一定要碰到那根柱子再出触发。