[apache/echarts]帮帮我,我想要实现这个效果

2024-05-11 854 views
9
这个功能解决了什么问题?

3361652077210_图片

提议的 API 是什么样的?

我想要这样的效果,x轴上可以显示头像。目前我用散点图+折线图可以实现。但是头像只能用路径放大和缩小才不会变形,不太友好。这个暂且都是小事。我最大的问题是点击头像后在头像上方打开对话框,这种复杂的结构,目前echarts有什么办法可以实现吗?图形可能可以实现简单的效果吗?但是在弹出之后实现交互就做不到吧。有没有好的办法?求助……

回答

9

为什么不使用 HTML 来做到这一点呢?它更加灵活和简单。只需创建一个具有绝对位置的 HTML 元素即可。

5

嗯,用H TML也有考虑过。用HTML主要就是位置的问题,点击是echarts canvas上的位置,但是使用HTML然后定位的话是相对于整个页面了,希望弹框能在类似头像的正上方这样位置。仍然在图表x轴上方位置。这个问题有解决办法吗?

9

然而使用HTML然后定位的话就是相对于整个页面了

这就是说不行。你可以将 HTML 元素添加到 echarts 容器里面,并在那里设置绝对定位,这样就不会相对于整个页面。

2

不好意思,请问“将 HTML 元素添加到 echarts 容器里面”,有示例吗?

2

非常感谢?,,我研究

2

对了,如果你代码已经设置了gridleft、top、bottom、right 的参数,可以不用像例子里面那么复杂地获取 x 轴的位置,直接使用你定义的固定数值即可。