绘图列上的高图区域范围

Question

我只想在红色条上（设置红色条的宽度）设置区域范围（蓝色水平条），但是我找不到解决方案。 绘图带不起作用，因为它在x轴上为全宽。 请问你能帮帮我吗 ？

在这个尝试中，我设法设置了区域范围（蓝色水平条），但是它在X轴上创建了另一个条目（“ 1”），我只想保留第一个条目“ Omburu”，其黄色，橙色和红色的布置相同酒吧。 红色横条上带有附加的水平蓝色横条，其水平设置在“ Puissance kW”刻度以下。

JSFiddle在这里： https ://jsfiddle.net/poloh11/1qzfgopy/11/

非常感谢

{
    name: 'Range',
    data: [
        [1000, 1500],[1000, 1500]
    ],
    type: 'arearange',
    lineWidth: 0,
    color: Highcharts.getOptions().colors[0],
    fillOpacity: 0.3,
    marker: {
        enabled: false
    },
    yAxis: 1
}

Answer 1

请改用columnrage系列。 它与column系列（ pointRange ， pointPadding等）具有共同的属性，可对column进行类似的调整。 以下配置适用于我：

{
  name: 'Range',
  data: [
    [1000, 1500]
  ],
  type: 'columnrange',
  lineWidth: 0,
  color: 'rgba(149,206,255,0.7)',
  marker: {
    enabled: false
  },
  yAxis: 1,
  pointPlacement: 0.3,
  pointRange: 0.33,
  borderWidth: 0
}

现场演示： https : //jsfiddle.net/BlackLabel/9czvmhsx/

API参考： https : //jsfiddle.net/BlackLabel/9czvmhsx/