highcharts heatmap :任意设置单元格颜色

use*_*443 5 javascript colors heatmap highcharts

我已经测试了 HighCharts 热图 (heatmap.js) 图表。它们对我来说工作得很好,但有一种情况我想自己单独设置单元格颜色 - 即不使用 colorAxis 设置。

有没有一种简单的方法可以做到这一点而不会弄乱 colorAxis 停止点?EG 通过直接在数据系列中设置颜色?

可以说,这违背了真正的“热图”的想法,但对我来说是解决特定需求的最短路线(而不是构建带有彩色单元格的 HTML 表格)。”最后请注意,这与“如何更改 highcharts 热图中单元格的颜色?”不是同一个问题。

Paw*_*Fus 4

是的,您始终可以直接在点配置中设置颜色,请参阅:http://jsfiddle.net/c2WgP/

$('#container').highcharts({
    chart: {
        type: 'heatmap',
        inverted: true
    },
    colorAxis: {
        stops: [
            [0, '#3060cf'],
            [0.5, '#fffbbc'],
            [0.9, '#c4463a']
        ],
        min: -5
    },
    series: [{
        data: [
            [0, 0, -0.3],
            [0, 1, 0.6],
            [0, 2, 1.8], {
                x: 0,
                y: 3,
                z: 0.5,
                color: 'green'
            }]
    }]
});
Run Code Online (Sandbox Code Playgroud)