javascript - 热图，红色范围为负值，绿色范围为正值

我正在使用海图的热图。它的工作正常。

现在，我想为值设置颜色范围。如正值的绿色范围和负值的红色范围。

有什么选择可以实现吗？

Heat Map Sample

最佳答案

您需要更改最小颜色和最大颜色

$(function () {
    $('#container').highcharts({
        colorAxis: {
            minColor: '#00FF00',
            maxColor: '#FF0000'
        },
        series: [{
            type: "treemap",
            layoutAlgorithm: 'squarified',
            data: [{
                name: 'Positive A',
                value: 6,
                colorValue: 1
            }, {
                name: 'Positive B',
                value: 6,
                colorValue: 2
            }, {
                name: 'Positive C',
                value: 4,
                colorValue: 3
            }, {
                name: 'Neutral',
                value: 3,
                colorValue: 4
            }, {
                name: 'Negative E',
                value: 2,
                colorValue: 5
            }, {
                name: 'Negative F',
                value: 2,
                colorValue: 6
            }, {
                name: 'Negative G',
                value: 1,
                colorValue: 7
            }]
        }],
        title: {
            text: 'Highcharts Treemap'
        }
    });
});

这是它的JS Fiddle

关于javascript - 热图，红色范围为负值，绿色范围为正值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30366257/