Highcharts Heatmap colorAxis不停止渐变

Highcharts Heatmap colorAxis stops no gradient

本文关键字：渐变 不停止 colorAxis Heatmap Highcharts      更新时间：2023-09-26

我已经成功地使用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/hililide-software/highcharts.com/tree/master/samples/maps/demo/heatmap/

原来你不能混合十六进制颜色与颜色名称…它不能定义#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']
相关文章：