Highcharts热力图colorAxis stops无渐变

Question

我已成功使用highcharts模块热图创建了一个热力图。

示例展示了如何设置颜色并定义多个颜色停止点，之间有漂亮的渐变。但是当我尝试定义我的颜色停止点时，我没有得到停止点之间的平滑渐变，每个值似乎都近似于其最近的停止点...

我有一个fiddle来展示这个问题：http://jsfiddle.net/qpe3bqbx/2/ 我想知道这是否是因为我使用了9个停止点，而不是示例中的3个。是否有最大停止点数限制？

stops: [
            [0, '#00007F'],
            [0.125, 'blue'],
            [0.25, '#007FFF'],
            [0.375, 'cyan'],
            [0.5, '#7FFF7F'],
            [0.625, 'yellow'],
            [0.75, '#FF7F00'],
            [0.875, 'red'],
            [1, '#7F0000']
        ]

以下是示例的原始内容 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/maps/demo/heatmap/

- user1758908

Answer 1

原来你不能混合使用十六进制颜色和颜色名称……它无法定义 #00007F 和蓝色之间的渐变，所以你必须使用：

stops: [
            [0, '#00007F'],
            [0.125, '#0000ff'],
            [0.25, '#007FFF'],
            [0.375, '#00ffff'],
            [0.5, '#7FFF7F'],
            [0.625, '#ffff00'],
            [0.75, '#FF7F00'],
            [0.875, '#ff0000'],
            [1, '#7F0000']

- user1758908