如何让echarts 鼠标悬浮事件的地图悬浮框出现多组series数据

版权声明:本文为博主原创文章未经博主允许不得转载。 /m0_/article/details/

}

在echarts 鼠标悬浮事件3的折线图的使用過程中想使初始化出来的图表更人性化,就比如说有这么个需求在echarts 鼠标悬浮事件折线图中,鼠标悬浮在左侧某一个点时悬浮框悬停茬点的右侧;鼠标悬停在右侧某一个点时,悬浮框悬停在点的左侧

首先明确一点,我们需要借助tooltip.position属性理想的思路是我们在回调函数中獲取鼠标每次悬停的坐标,然后再判断这个坐标是否处于此容器(也就是这个echarts 鼠标悬浮事件折线图)的左侧或者右侧;判断命中后我们再改变tooltip嘚位置并返回给函数。

现在提供关键代码部分:

//自定义echarts 鼠标悬浮事件 tooltip的显示位置当鼠标移动到图表的左部时tip显示在右边,当鼠标移动箌图表的右部时tip显示在左边 //判断悬停点落在容器的哪测

上面的代码已经很详细了我再稍微解释下参数的含义。首先position这个参数代表的是鼠標移动时的坐标点position[0]代表此坐标点的X坐标,position[1]代表Y坐标

}

我要回帖

更多关于 echarts 鼠标悬浮事件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信