Highcharts: диаграмма диапазона столбцов, высота столбца которой равна высоте интервала по оси Y.

Я хочу создать тип диаграммы столбцов, используя highcharts. Я пробовал что-то вроде ниже:

введите здесь описание изображения

  • Я хочу реализовать приведенную ниже диаграмму со следующей настройкой: высота столбцов такая же, как разрыв между значениями оси Y, как показано на изображении.

  • Уберите зазор между стержнями.


person Suresh Negi    schedule 16.05.2018    source источник
comment
Это URL-адрес: jsfiddle.net/bp09ax0h.   -  person Suresh Negi    schedule 16.05.2018


Ответы (2)


Вы можете добиться желаемого поведения, повозившись с pointRange в series

series: [{
    name: 'Temperatures',
    data: [
        [-9.9, 10.3],
        [-8.6, 8.5],
        [-10.2, 11.8],
        [-1.7, 12.2],
        [-0.6, 23.1],
        [3.7, 25.4],
        [6.0, 26.2],
        [6.7, 21.4],
        [3.5, 19.5],
        [-1.3, 16.0],
        [-8.7, 9.4],
        [-9.0, 8.6],
    ],
     pointRange: 2
}]

В примере я установил его на 2, так как это закрывает почти весь промежуток между барами. Здесь вы можете найти рабочий JSFiddle.

person Community    schedule 16.05.2018

Установите pointPadding, groupPadding и borderWidth на 0.

 series: [{
  pointPadding: 0,
  groupPadding: 0,
  borderWidth: 0,
  name: 'Temperatures',
  ...
}]

живой пример: https://jsfiddle.net/smqrhn09/

person morganfree    schedule 17.05.2018