不正确的Highcharts colorAxis范围

时间:2018-02-12 19:27:50

标签: highcharts

我在Highcharts中有一个热图,其值范围是-1到100.我的低值颜色是#FF0000,我希望它被映射到-1的值。相反,highcharts似乎正在扩展我的颜色轴范围,因此-25的值将显示为完全红色,因此我左下角的实际低值显示为淡淡的粉红色。我已尝试为min指定maxcolorAxis值,但它似乎并没有为我做任何事情。如何配置颜色轴,使得我的-1值将呈现为红色?

这是我现有的colorAxis配置,似乎没有做正确的事情:

colorAxis: {
  stops: [
    [0, '#FF0000'],
    [0.25, '#FFFFFF'],
    [0.5, '#00FF00'],
    [0.75, '#FFFFFF'],
    [1, '#0000FF']
  ],
  min: -1,
  max: 100
}

这里有一个小提琴:https://jsfiddle.net/cfarmerga/cLncce08/9/

在下面的屏幕截图中,由于某种原因,光标位于错误的位置。它应该悬停在热图中左下角的单元格中,其值为-1。 highcharts heatmap

1 个答案:

答案 0 :(得分:1)

看起来colorAxis的startOnTickendOnTick属性可以消除自动延伸轴。当我添加这些并将它们设置为false时,我的颜色范围就是我所期望的。

colorAxis: {
  stops: [
    [0, '#FF0000'],
    [0.25, '#FFFFFF'],
    [0.5, '#00FF00'],
    [0.75, '#FFFFFF'],
    [1, '#0000FF']
  ],
  min: low,
  max: high,
  startOnTick: false,
  endOnTick: false
},

文档:https://api.highcharts.com/highmaps/colorAxis.startOnTick

enter image description here