javascript - Highcharts Heatmap colorAxis 停止渐变

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/

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']