echarts热力图修改自定义区间

如何使用echarts修改热力图自定义热力值区间

代码如下:主要是查看visualMap的属性

optionMap = {
        title: {
            text: '各单位贫困村热力图',
            textStyle: {
	            color: '#fff'
	        }
        },
        tooltip: {
            trigger: 'item',
            formatter: '{b}
{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官网查看文档
截图如下:
echarts热力图修改自定义区间_第1张图片

你可能感兴趣的:(前端)