Запрос на удаление полоски с нулевым значением и настройку ширины других полосок ⇐ Javascript

[Anonymous]

В настоящее время я использую Highcharts для визуализации гистограммы и столкнулся с проблемой, из-за которой столбцы со значением null все еще занимают место на диаграмме. Это приводит к появлению ненужных пробелов, что ухудшает визуальную четкость и эстетику диаграммы. На самом деле у меня есть 4 категории с 2 подкатегориями в каждой категории с разными именами, и я хочу показать это как группу, но каждая категория занимает место по 8 полосок каждая, вот структура данных:
Категории: ['Класс T' , 'Класс S', 'Класс D', 'Класс I']
Подкатегории: [ {'Класс T', 'Класс T 2}, {'Класс S', 'Класс S 2’}, {’Класс D’, ‘Класс D 2’}, {’Класс I’, ‘Класс I 2’} ]
Пример:

Код: Выделить всё

`https://jsfiddle.net/8y6ozkrh/`

Ожидаемый результат:
• Столбцы со значением null не должны занимать места.
• Остальные столбцы должны автоматически регулировать свою ширину, чтобы пропорционально заполнить область диаграммы.Дополнительная информация:
• Это снимок экрана из текущей реализации (в настоящее время в коде скрипта значение null заменено на 1):
• Код изменен с нуля на 1 для видимости
существующего реализация
•

Ожидаемый результат: Ожидаемый результат
С уважением,
Дургеш Н. Шарма

Подробнее здесь: https://stackoverflow.com/questions/793 ... bars-width