Столбцы Highcharts с пустыми столбцами

#javascript #highcharts

#javascript #highcharts

Вопрос:

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

Вот пример: https://skitch.com/jhanifen/gy324/jhanifen-skitch.com

В принципе, если бы я мог изменить цвет отдельных столбцов, это также сработало бы.

Комментарии:

1. Бонусные баллы, если вы знаете, как сделать его идентичным версии amCharts.

2. От jlbriggs на форуме highcharts: вы можете указать значение null или 0 для дней без данных, в зависимости от того, что больше подходит для вашего конкретного использования. Вы можете изменить цвет любой строки, указав fillColor в массиве данных, то есть: data:[{y:150, fillColor:’#c00′},null,null, 135,35,50,null,null,0,40] это не полностью решает мою проблему.

3. Это помогает, но как бы я хотел, чтобы столбец имел значение, скажем, 100, но при наведении курсора мыши давал пользователю значение 0. Поскольку на этот день действительно 0, я просто хочу, чтобы отображалась пустая строка.

Ответ №1:

Ответ предоставлен на форуме Highcharts.

http://highslide.com/forum/viewtopic.php?f=9amp;t=12873

Вы можете установить значение y равным 100, а для дополнительного значения задать фактическое значение, которое затем можно использовать в программе форматирования всплывающих подсказок. смотрите этот пример: http://jsfiddle.net/jlbriggs/BLxUL /

В зависимости от того, чего у вас больше, вы можете либо установить цвет полосы в plotOptions, и при необходимости вызвать «пустой» цвет в массиве данных, либо наоборот (как в примере)

Спасибо jlbriggs!