Question

我测试了HighCharts热图（heatmap.js）图表。它们适用于我，但有一种情况我想自己设置单元格颜色 - 即不使用colorAxis设置。

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

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

Answer 1

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

Answer 2

仅仅是一个FYI，上面的代码可以正常工作，但由于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/

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

2 个答案: