想要用ECharts实现:鼠标可以进入图表的tooltip框,并点击其中的内容进行交互。实现这个过程中会遇到一些问题,下面是对其进行总结,并给出解决方案。
问题一:tooltip会跟随光标移动,光标永远在tooltip框外
设置enterable属性,使鼠标可以进入tooltip
tooltip: {
enterable: true
}
问题二:图表数据过多,点与点之间很紧密,即使设置了可以进入tooltip,但移动鼠标后还没进入,tooltip就飘到下一个点上了,永远追不上
将tooltip紧贴鼠标,使鼠标能够轻松进入框内
tooltip: {
position: function (point, params, dom, rect, size) {
// 提示框位置
let x, y

最低0.47元/天 解锁文章

1万+

被折叠的 条评论
为什么被折叠?



