Echarts地图的tooltip提示框只显示需要的一个或多个值

在Echarts的官网地图实例《全国主要城市空气质量》中,当鼠标悬浮在城市图标上的时候,提示框显示的是 “城市名:纬度” 而非对应的pm2.5的数值。
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

在网上搜索解决方案的时候看了 GiScript用户的这篇博客 受到了启发,可以用 tooltip.formatter 试试。但是他这个iPhone销量地图的实例和我们这个不太一样,我们的直接return需要的data就好。

修改后的代码:

tooltip: {
        trigger: 'item',
        formatter: function(params){
          return `${params.data.name} : ${params.data.value[2]}`
        }
},

现在提示框就有了我们想要的数值。
在这里插入图片描述
根据自己的需求或者data type,把 ${params.data. 后的值修改就好了。如果你的数据的储存方式不一样,可能我的写法并不合适,自己修改一下就好。

感谢GiScript用户和我的mentor。这是我的第一篇博客,如果对你有帮助,请点赞或者留言吧~ 谢谢。


版权声明:本文为charlene_08原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。