如何使用echarts修改热力图自定义热力值区间
代码如下:主要是查看visualMap的属性
optionMap = {
title: {
text: '各单位贫困村热力图',
textStyle: {
color: '#fff'
}
},
tooltip: {
trigger: 'item',
formatter: '{b}<br/>{c}'
},
toolbox: {
show: true,
orient: 'vertical',
left: 'right',
top: 'center',
feature: {
restore: {
show : true,
name : '刷新',
title : '刷新'
},
saveAsImage: {
show : true,
name : '图片',
title : '保存成图片'
}
}
},
visualMap: {
type :'piecewise' ,//设置热力值图例改为一段一段的
splitNumber: 5,
pieces: [
{gt: 400}, // (400, +]
{gt: 300, lte: 100}, // (300, 400]
{gt: 200, lte: 300}, // (200, 300]
{gt: 100, lte: 200}, // (100, 200]
{gte: 0, lte: 100} // [0,100]
],
color: ['#cc2929','#ffaa85','#f3d6c9'],
textStyle: {
color: '#fff'
}
},
series: [
{
name: '各单位贫困村热力图',
type: 'map',
mapType: 'GD', // 自定义扩展图表类型
zoom: 1.4,
label: {
show: true,
textStyle: {
color: '#fff'
}
},
data: data
}
]
};
具体的可以去 echarts官网查看文档
截图如下: