Echarts控制map的tooltip显示或隐藏

Posted 2023-04-27

参考技术A   功能需求：根据当前用户权限，控制地图只高亮显示某一个区域的信息，其他区域置为背景色并且鼠标事件不响应。

  首先尝试分级设置，先在option级tooltip设置不显示，然后在geo的regions高亮显示的每个项设置tooptip显示，结果显示Echarts并不像css那样支持优先级覆盖，或者说option级设置的权限最高。
  基于文档说明，能通过事件动态显示tooltip组件：
  1. 禁止echarts的默认事件触发

  2. 自定义事件响应 。mouseover触发 show ，在这加入相应的条件判断就能实现动态响应了，单要注意的是，需要根据情况选择特定的方式，这里我用的是方式二，因为我地图是基于series-map进行的创建虽然在series当中设置了geoIndex，但测试后发现之后方式二才能正常响应；mouseout触发 hide

echarts 的tooltip在做省市联动的china-map的时候怎么在鼠标移到div最右侧时自动移到鼠标的左边

在网上直接下载的echarts，看官网也没介绍这个。tooltip的位置默认是在鼠标右侧的，问题我把鼠标移到div最右侧的时候，tooltip会自动往左撑，但是会挡住鼠标。有什么方法判断鼠标到了右侧，让tooltip显示到鼠标左边来。最好带上代码

用JS的话，先获取鼠标坐标判断是否到了DIV最右侧，如果是的再把tooltip移动到鼠标左边去 参考技术A 给这个DIV的样式加一条：cursor:pointer;追问

你这是选中鼠标变手指，我又不是要这个