Блог

Главная - Вопросы по программированию - Столбцы «Highstocks: столбцы «columnrange» всегда расположены на равном расстоянии друг от друга. Как мне сделать так, чтобы в верхних строках отображались какие-либо пробелы в данных?

Столбцы «Highstocks: столбцы «columnrange» всегда расположены на равном расстоянии друг от друга. Как мне сделать так, чтобы в верхних строках отображались какие-либо пробелы в данных?

#javascript #highcharts

#javascript #highcharts

Вопрос:

У меня есть columnrange диаграмма с одним столбцом в день. Не обязательно данные за каждый день, поэтому они немного разбросаны.

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

Пример: у меня есть 3 столбца: 2019-01-01, 2019-01-03 и 2019-01-28. В этом случае будут показаны все столбцы с одинаковым интервалом между ними. Это затрудняет понимание того, что последнее значение действительно через 25 дней после второго.

Как мне сделать их разнесенными в соответствии с их x значениями? Я пытался возиться с plotInterval / PlotRange безрезультатно.

См. Скрипку: http://jsfiddle.net/ywg237bd/1 /

Ответ №1:

Вам нужно отключить ordinal опцию, которая включена по умолчанию в Highstock:

 xAxis: {
    ...,
    ordinal: false,
},

Живая демонстрация: http: // jsfiddle.net/blackLabel/n59argLf/

Ссылка на API: https://api.highcharts.com/highstock/xAxis.ordinal