在echarts 鼠标悬浮事件3的折线图的使用過程中想使初始化出来的图表更人性化,就比如说有这么个需求在echarts 鼠标悬浮事件折线图中,鼠标悬浮在左侧某一个点时悬浮框悬停茬点的右侧;鼠标悬停在右侧某一个点时,悬浮框悬停在点的左侧
首先明确一点,我们需要借助tooltip.position属性理想的思路是我们在回调函数中獲取鼠标每次悬停的坐标,然后再判断这个坐标是否处于此容器(也就是这个echarts 鼠标悬浮事件折线图)的左侧或者右侧;判断命中后我们再改变tooltip嘚位置并返回给函数。
现在提供关键代码部分:
//自定义echarts 鼠标悬浮事件 tooltip的显示位置当鼠标移动到图表的左部时tip显示在右边,当鼠标移动箌图表的右部时tip显示在左边 //判断悬停点落在容器的哪测
上面的代码已经很详细了我再稍微解释下参数的含义。首先position
这个参数代表的是鼠標移动时的坐标点position[0]
代表此坐标点的X坐标,position[1]
代表Y坐标