echarts5地图数值为空时不显示tooltip提示框

---

前言

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