echarts热力图修改自定义区间

如何使用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官网查看文档
截图如下:
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值