echarts3 - 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
            }
        }]

这篇关于echarts3 - echarts 热力图(已解决)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！