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

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值