highcharts 热图：任意设置单元格颜色

Question

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

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

可以说，这违背了真正的“热图”的想法，但对我来说是解决特定要求的最短路径（而不是使用彩色单元格构建 HTML 表格）。 " 最后请注意，这与“如何更改 highcharts 热图中单元格的颜色？”不是同一个问题

Answer 1

仅供参考，上面的代码有效，但链接的小提琴由于链接版本的 Highcharts 中的某些内容而损坏。如果您使用最新的 Highcharts.js 进行一些小调整，它对我有用：

简单替换：

<script src="http://code.highcharts.com/3.0.10/highcharts.js"></script>

与

<script src="http://code.highcharts.com/highcharts.js"></script>

在这里看到：http://jsfiddle.net/joelhnatow/bnL77dr8/

Answer 2

是的，您始终可以直接在点配置中设置颜色，请参阅：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'
            }]
    }]
});