在tooltip提示框组件中,增加formatter函数
tooltip: { //提示框组件
show: true,
trigger: 'item',
formatter: function(params) {
var res = params.name+'<br/>';
var myseries = option.series;
for (var i = 0; i < myseries.length; i++) {
for(var j=0;j<myseries[i].data.length;j++){
if(myseries[i].data[j].name==params.name){
res+=myseries[i].name +' : '+myseries[i].data[j].value+'</br>';
}
}
}
return res;
}
},
series中有两组数据,分别为“iphone3”、“iphone4””.
series: [{
name:"iphone3", // 数据名称
type: 'map',
mapType: 'world',
roam: true, // 开启鼠标缩放和平移漫游
zoom: 1.1, // 缩放比例
mapLocation: {y: 100},
data: dataMap, //绑定数据
nameMap: nameComparison, // 自定义
symbolSize: 12,
label: {
normal: {show: false},
emphasis: {show: true}
},
itemStyle: { // 地图区域的多边形 图形样式
normal: {
borderWidth: 1, //区域边框宽度
borderColor: '#808080', //区域边框颜色 灰 b6b6b6
// areaColor: "#b6b6b6", //区域颜色
},
emphasis: {
// borderColor: 'transparent',
// borderWidth: 4,
}
}
},{
name:"iphone4", // 数据名称
type: 'map',
mapType: 'world',
roam: true, // 开启鼠标缩放和平移漫游
zoom: 1.1, // 缩放比例
mapLocation: {y: 100},
data: dataIncrease, //绑定数据
nameMap: nameComparison,
symbolSize: 12,
}],
};
效果图如下
35976