高等级中单独着色的数据范围

Knu*_*ius 0 javascript highcharts

我的高图中有一个列范围系列,我希望能够为一系列中的每个范围设置特定的颜色.只要我使用一种颜色,这很好用:

data: [[1, 5, 10], [2, 10, 20]]
Run Code Online (Sandbox Code Playgroud)

这里每个列表中的第一个值是X,接下来的两个是Y范围的开始和结束.为了为每个范围设置单独的颜色,我想我需要使用"对象表示法"而不是数组表示法,所以我尝试了这个:

data: [{ 
    x: 1,
    y: [5,10],
    fillColor: "red"
},{
    x: 2,
    y: [10,20],
    fillColor: "blue"
}]
Run Code Online (Sandbox Code Playgroud)

然而,这确实无效(获得无效值).我无法看到API文档涵盖了这种情况:http://api.highcharts.com/highcharts#series.data

有没有人知道我如何使用对象表示法得到范围(两个Y值),或者如果有另一种方法我可以不同地为范围着色?PS:我的Y值实际上是日期范围,但我只是简化了上面的例子.

编辑:这是一个jsfiddle显示我试图实现的目标:http://jsfiddle.net/Q2JMF/1/.如果您将类型更改为"列",并将y值更改为只有一个整数,您会看到它工作正常.但是对于columnrange我无法让它工作.

Paw*_*Fus 6

正确的选项是,lowhigh参见:http://jsfiddle.net/Q2JMF/2/

data: [{ 
  x: 1,
  low: 7,
  high: 8,
  color: "red"
}, {
  x: 2,
  low: 6,
  high: 7,
  color: "blue"
}]
Run Code Online (Sandbox Code Playgroud)