高图表中单独着色的数据范围答案

【问题标题】：Individually colored data ranges in highcharts高图表中单独着色的数据范围
【发布时间】：2018-09-03 15:27:43
【问题描述】：

我的 highchart 中有一个 columnrange 系列，我希望能够为系列中的每个范围设置特定的颜色。只要我只使用一种颜色，就可以了：

data: [[1, 5, 10], [2, 10, 20]]

这里每个列表中的第一个值是 X，接下来的两个是 Y 范围的开始和结束。为了让每个范围都有一个单独的颜色，我想我需要使用“对象表示法”而不是数组表示法，所以我尝试了这个：

data: [{ 
    x: 1,
    y: [5,10],
    fillColor: "red"
},{
    x: 2,
    y: [10,20],
    fillColor: "blue"
}]

但这不起作用（得到无效值）。我看不到 API 文档涵盖了这种情况：http://api.highcharts.com/highcharts#series.data

有谁知道我如何使用对象表示法获得范围（两个 Y 值），或者是否有另一种方法可以对范围进行不同的着色？ PS：我的 Y 值实际上是日期范围，但我只是为上面的示例简化了它。

编辑：这是一个 jsfiddle，显示了我试图实现的目标：http://jsfiddle.net/Q2JMF/1/。如果您将类型更改为“列”，并将 y 值更改为单个整数，您会发现它工作正常。但是对于 columnrange，我无法使其正常工作。

【问题讨论】：

【解决方案1】：

正确的选项是low 和high，参见：http://jsfiddle.net/Q2JMF/2/

data: [{ 
  x: 1,
  low: 7,
  high: 8,
  color: "red"
}, {
  x: 2,
  low: 6,
  high: 7,
  color: "blue"
}]

【讨论】：

谢谢！确实如此。我认为它们应该在 API 文档中具有低/高作为单独的属性。我看到其中一个示例中提到了“范围系列值由低和高给出。”，但它们没有在左侧的树结构中列出。这就是为什么我没有想到 low 和 high 实际上是数据对象上的有效属性。
是的，这就是我所指的页面。但我认为它应该列在左侧面板的树结构中，因为您通常会在此处查看允许的对象属性的概述。它只被“在线”提及一次。但再次感谢您为我指出这一点！ :)