绘图列上的高图区域范围

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等）的共同属性，可以对其进行类似的调整。以下配置适用于我：

{
  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/