Highcharts JS显示错误的颜色

Question

我试图创建一个值为-2到10的热图。

我想：

-2为红色 0为白色 10为绿色

我试过这个http://jsfiddle.net/m5xfx0wa/1/，但似乎没有用。

colorAxis: {

            stops: [
                [-2, '#ff0000'],
                [0, '#ffffff'],
                [10, '#00ff00']
            ],
            min: -2,
            max: 10
        },

有什么想法吗？

Answer 1

您必须了解比例和范围之间的差异。在您的情况下，停靠点中使用的比例介于0和1之间，您的范围由最小值和最大值定义。 所以你应该这样做：

stops: [
                [0, '#ff0000'],
                [0.2, '#ffffff'],
                [1, '#00ff00']
            ],