Highcharts Heatmap colorAxis 没有渐变答案

【问题标题】：Highcharts Heatmap colorAxis stops no gradientHighcharts Heatmap colorAxis 没有渐变
【发布时间】：2016-11-09 14:47:18
【问题描述】：

我已经使用 highcharts 模块热图成功创建了热图

这些示例展示了如何设置颜色，并定义多个色标，在色标之间使用漂亮的颜色渐变。当我尝试定义我的色标时，我没有得到色标之间的平滑渐变，每个值似乎都接近其最近的色标...

我有一个小提琴要展示这个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/

【问题讨论】：

标签： javascript jquery highcharts colors heatmap

【解决方案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']

【讨论】：