Echarts控制map的tooltip显示或隐藏

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


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

option.tooltip.triggerOn = 'none'

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

你可能感兴趣的:(Echarts控制map的tooltip显示或隐藏)