在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。这是我的第一篇博客,如果对你有帮助,请点赞或者留言吧~ 谢谢。