Question

有没有人玩过新的highcharts图书馆。这是我正在看的样本jsfiddle：

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/heatmap/

每个单元格颜色为蓝色，需要根据单元格中的数据进行更改。我认为这行代码应该这样做。任何想法如何根据数据更改颜色或每个单元格。例如，如果我们正在使用1到10之间的数据，如果单元格中的数据为1，则应根据以下选项读取数据为10的单元格。任何想法如何做到这一点？

colorAxis: {
            stops: [
                [0,'green'],
                [0.5,'orange'],
                [0.9,'red']
            ],
            min: -20
        },

Answer 1

        stops: [

        [0, '#FF0000'],
       [1, '#00FF00'],
       [2, '#FFA500'],
       [3,'#FFFF00']

    ],
        min: 0,
        max: 1

这将为您提供您需要给json对象的系列中的确切颜色，如下所示： {“x”：0，“y”：0，“value”：0，“myData”：“Critical”}该值是提供精确颜色的属性

Answer 2

使用colors获取颜色列表

在colorAxis声明dataClassColor as 'category'并定义您的数据范围 dataClasses

colors : ['#D7EDE5', '#9BD1BE', '#37A47E'],

colorAxis : {
    dataClassColor : 'category',
    dataClasses : [{
            to : 57.1
        }, {
            from : 57.2,
            to : 60.4
        }, {
            from : 60.5
        }
    ]
},

演示http://jsfiddle.net/patelriki13/q2yww0vw/

Answer 3

您需要使用Highcharts 3.0.10来设置颜色。

你如何改变highcharts热图中细胞的颜色？

3 个答案: