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

Highcharts Heatmap colorAxis 停止渐变

Highcharts Heatmap colorAxis stops no gradient

javascript

jquery

colors

heatmap

highcharts