echarts5地图数值为空时不显示tooltip提示框
文章目录前言总结前言本章代码是在之前一篇的基础上完成的,echarts5.x如何显示中国地图请参考:vue3.x按需引入echarts5.x实现中国地图注:echarts5.x之前的版本我并没有测试过,本章只针对最新版进行说明;线上代码:如果想在录入的数据为空时不显示tooltip,一定要将值赋值为空字符串,如果是false,null,undefined,都会出现问题;问题展示如图:一开始可以看到
·
前言
本章代码是在之前一篇的基础上完成的,echarts5.x如何显示中国地图请参考:vue3.x按需引入echarts5.x实现中国地图
注:echarts5.x之前的版本我并没有测试过,本章只针对最新版进行说明;
线上代码:
如果想在录入的数据为空时不显示tooltip,一定要将值赋值为空字符串,如果是false,null,undefined,都会出现问题;
问题展示如图:
一开始可以看到数据为空的地区鼠标滑入是不显示tooltip的,一旦滑入有值的地区,tooltip组件就成功加载了dom,鼠标移出,tooptip组件并不是dom移除,只是隐藏了,此时在滑入数值为空的地区,就会显示之前的地区的tooltip;
所以,经测试数据为空格式化赋值为空字符串最为稳妥;
正确姿势如图:
总结
完整代码,请到项目 demo 地址:https://gitee.com/feiyunan/blog-demo/tree/master/demo_01
更多推荐
已为社区贡献1条内容
所有评论(0)