Echarts控制map的tooltip显示或隐藏

Echarts控制map的tooltip显示或隐藏,第1张

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

  首先尝试分级设置,先在option级tooltip设置不显示,然后在geo的regions高亮显示的每个项设置tooptip显示,结果显示Echarts并不像css那样支持优先级覆盖,或者说option级设置的权限最高。

  基于文档说明,能通过事件动态显示tooltip组件:

  1. 禁止echarts的默认事件触发

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

使用 ToolTip 组件的方法如下:

打开MicrosoftVisualStudio2010,打开之前的串口程序,修改程序名字为浮动文字框;发送button按钮和用于输入发送信息的文本框;添加控件toolTip,程序界面的底部显示为tooltip1的名称;在load过程代码添加对应的提示代码;包括日志框、发送按钮、发送文本框的提示说明文字;生成exe文件进行测试;添加控件toolTip,点击需要添加提示文字的控件;在属性tooltip1上的ToolTip中输入需要显示的提示文字,即可启用ToolTip组件。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11377740.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存