echarts 多个series_请教:如何让echarts的地图悬浮框出现多组series数据?

本文介绍了一个Echarts项目中遇到的问题,即如何在地图的悬浮框中同时显示多个series的数据。通过分析和尝试,找到了解决方法:在tooltip的formatter属性中使用回调函数,遍历所有series和data,根据当前地区名称匹配并组装成悬浮框显示的内容。最后展示了修改后的代码,成功实现了悬浮框显示多组数据的功能。
摘要由CSDN通过智能技术生成

是这样的,我们一个项目,需要echarts地图功能,别的都调整好了,但是却遇到一个很麻烦的问题:地图的悬浮框默认只显示一组数据,我尝试了很多办法也没能让设置的两组数据都呈现在悬浮框中,下面是我的代码。ps:在tooltip中我输出了params,发现输出的也是第一组数据。

$.get('data/hangzhou.json', function (hangzhoujson) {        //图标的json数据

echarts.registerMap('hangzhou', hangzhoujson);    //图标

chart.setOption({

title: {

text: '杭州市各区县并网点个数分布',

subtext: '拱墅区、西湖区、上城区、下城区、江干区、滨江区数据统一为主城区数据',

textStyle:{

color:'#fff'

}

},

legend:{

orient: 'vertical',

left: 'left',

data:['并网个数1','并网个数2']

},

tooltip: {        //显示悬浮窗口

trigger: 'item',

/*formatter:function(params, ticket, callback){

//                return params.name+':'+params.value

//                console.log(params);

},*/

},

visualMap: {

min: 0,

max: 1000,

text:['High','Low'],

realtime: true,

calculable: true,

inRange: {

color: ['lightskyblue','yellow', 'orangered']

},

textStyle:{

color:'#fff'

}

},

series: [{

name:'并网个数1',

type: 'map',    //图标类型

map: 'hangzhou',    //图标省份,哪一个省份就写省份名称

aspectScale:1,    //地图宽高比

roam: true,     //是否开启鼠标缩放和地图拖动。默认不开启。如果只想要开启缩放或者拖动,可以设置成 'scale' 或者 'move'。设置成 true 为都开启

layoutCenter:['50%','50%'],        //地图中心点位置['50%','50%']代表在最中间

layoutSize: '100%',        //地图大小,此处设置为100%

label: {

normal: {

show: true    //是否显示默认名称

},

emphasis: {

show: true    //鼠标悬浮是否显示默认地理名称

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值