0、echarts是数据驱动型,使用echarts map模块时,首先考虑数据处理,然后考虑呈现方式
1、使用tooptip中的formatter方法
data = {
name: 'Tom',
value: 25,
price: 1000
}
tooltip: {
trigger: 'item',
formatter: function (data) {
var res = [];
res = '名称:' + data.data.name + '<br/>';
res += '数量:' + data.data.value + '<br/>';
res += '价值:' + data.data.price;
return res;
}
},
2、如果在地图上显示两种类型的数据,可以使用如下方法
dataType1 = {
name: 'Tom',
age: 25,
price: 1000
}
dataType2 = {
name: 'JACK',
age: 45,
price: 2000
}
tooltip: {
trigger: 'item',
formatter: function(params) {
console.log('testTootip', params);
if (params.name=== 'Tom') {
var res = [];
res = '姓名:' + params.name + '<br/>';
res += '年龄:' + params.age + '<br/>';
return res;
} else {
var res2 = [];
res2 = '姓名:' + params.name + '<br/>';
res2 += '年龄:' + params.age;
return res2;
}
}
},