Диапазон области старшей диаграммы в столбце графика

Question

Я хотел бы установить диапазон моей области (синяя горизонтальная полоса) только на красной полосе (определяя ширину красной полоски), но я не могу найти решение, чтобы сделать это. Участок графика не работает, потому что это полная ширина по оси х. Не могли бы вы помочь мне, пожалуйста?

В этой попытке мне удалось установить диапазон области (синяя горизонтальная полоса), но он создал еще одну запись по оси X ("1"), я хочу сохранить только первую запись "Omburu" с таким же расположением желтого цвета, оранжево-красная полоса. С дополнительной горизонтальной синей полосой на красной полосе, которая установлена ​​между значениями по шкале «Puissance кВт».

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/