react eachart 多条折线图 需要每条折线的同一个折点的数值都要一起显示并且数值不得重叠

发布于 2022-09-12 04:46:42 字数 452 浏览 16 评论 0

我需要实现的功能就是,在每条折线的同一个折点,一起显示所有的数据,比如有3条折线,每一条都有1,2,3个折点,那么显示3个方框进行显示,其中第一个方框包含每条折线的1号折点,第二个包含每条折线的2号折点。。。类似toolTip,也就是下图2号显示内容
image.png
1的做法是:image.png
2的做法是toolTipimage.png
但是1和2各有不足;
1的缺点是当数值一致的时候,数据会重叠;
2的单个显示毫无问题,可惜没法在所有相同折点一起显示,并且不受鼠标移动触发控制,
请问这两个有没有好的优化方式实现?或者有没有更好的显示方式?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

欢你一世 2022-09-19 04:46:42

image
按你的描述,echarts本身的折线图是可以的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文