1.地图不显示
2.地图颜色垂直条
legend: {
show: false, // 不显示 但内设置有效 === display: none
orient: 'vertical',
left: 'left',
data: ['iphone3', 'iphone4', 'iphone5']
},
visualMap: { // 地图颜色垂直条
min: 0,
max: 2500,
left: 'left',
top: 'bottom',
text: ['高', '低'], // 文本,默认为数值文本
calculable: true
},
地图颜色垂直条
2.1控制地图颜色
visualMap: { // 地图颜色垂直条
min: 0,
max: 2500,
inRange: { // 控制地图颜色
color: ['lightskyblue', 'yellow', 'orangered']
},
控制地图颜色
2.2tooltip移入显示存在多个series
https://blog.csdn.net/weixin_30729609/article/details/95301655
tooltip: { // 移入显示
trigger: 'item', // 触发方式
confine: true,
formatter: (params, ticket, callback) => { // 自定义提示信息
// 定义一个res变量来保存最终返回的字符结果,并且先把地区名称放到里面
var res = params.name + '<br />'
// 定义一个变量来保存series数据系列
var myseries = option.series
// 循环遍历series数据系列
for (var i = 0; i < myseries.length; i++) {
// 在内部继续循环series[i],从data中判断:当地区名称等于params.name的时候就将当前数据和名称添加到res中供显示
for (var k = 0; k < myseries[i].data.length; k++) {
// console.log(myseries[i].data[k].name);
// 如果data数据中的name和地区名称一样
if (myseries[i].data[k].name === params.name) {
// 将series数据系列每一项中的name和数据系列中当前地区的数据添加到res中
res += myseries[i].name + ':' + myseries[i].data[k].value + '<br />'
}
}
}
return res
}
},












网友评论