更改 eCharts 中热图的颜色

Question

有没有办法更改基于日历的热图中的默认颜色？默认热图根据值从“黄色”到“红色”的色调运行。我想更改颜色，使颜色从“红色”变为“绿色”。

这是默认的配色方案

Answer 1

使用“ inRange ”属性，您可以更改值的颜色变化。

function getVirtulData(year) {
    year = year || '2017';
    var date = +echarts.number.parseDate(year + '-01-01');
    var end = +echarts.number.parseDate(year + '-12-31');
    var dayTime = 3600 * 24 * 1000;
    var data = [];
    for (var time = date; time <= end; time += dayTime) {
        data.push([
            echarts.format.formatTime('yyyy-MM-dd', time),
            Math.floor(Math.random() * 1000)
        ]);
    }
    return data;
}

option = {
    visualMap: {
        min: 0,
        max: 1000,
        inRange : {   
            color: ['#DD2000', '#009000' ] //From smaller to bigger value ->
        }
    },
    calendar: {
        range: '2017'
    },
    series: {
        type: 'heatmap',
        coordinateSystem: 'calendar',
        data: getVirtulData(2017)
    }
};