echarts 热力图数据指定颜色无效解决办法

 Pala   2017-08-10 10:34   3612 人阅读  0 条评论

1.png

目的:想要点击坐标为 0 0的数字,该区域颜色变色。

问题:echarts 热力图数据指定颜色无效

调试地方:http://echarts.baidu.com/demo...
我使用的series数据如下

series: [{
        name: 'Punch Card',
        type: 'heatmap',
        data: [{
            value:[0,0,10],
            itemStyle:{normal:{
                color:'green',
            },
                emphasis:{
                    color:'yellow'
                }
            }
        },{
            value:[1,2,30],
           
        },{value:[1,1,90]},{value:[2,1,15]}
        ],
        label: {
            normal: {
                show: true
            }
        },
        itemStyle: {
            emphasis: {
                color:'green',
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]

因为visualMap的影响。具体去看echarts的visualMap

解决办法如下:

data: [{
            visualMap: false, //这样data颜色就有效了
            value:[0,0,10],
            itemStyle:{normal:{
                color:'green',
            },
                emphasis:{
                    color:'yellow'
                }
            }
        },{
            value:[1,2,30],
           
        },{value:[1,1,90]},{value:[2,1,15]}
        ,
        label: {
            normal: {
                show: true
            }
        }]

最后效果:

2.png

本文地址:http://chenxm.cc/post/257.html
版权声明:本文为原创文章,版权归 Pala 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?