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

前端之家收集整理的这篇文章主要介绍了echarts 热力图数据指定颜色无效解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

调试地方:http://echarts.baidu.com/demo...

我使用的series数据如下

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

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

解决办法如下:

data: [{
            , //这样data颜色就有效了
            value:[0,15]}
        ,        label: {
            normal: {
                show: true
            }
        }]

最后效果:

猜你在找的JavaScript相关文章