文章目录


前言

本章代码是在之前一篇的基础上完成的,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

Logo

前往低代码交流专区

更多推荐