I am currently using Highcharts for a bar chart visualization and encountered an issue where bars with a value of null still occupy space on the chart. This results in unnecessary gaps, which affects the visual clarity and aesthetic of the chart. Actually I have 4 category with 2 subcategories in each category with different name and I want to show this as a group but each category taking space for 8 bars each here is the structure of data :
Categories : ['Class T', 'Class S', 'Class D', 'Class I']
Sub-Categories : [ {'Class T', ‘Class T 2}, {'Class S', ‘Class S 2’}, {'Class D', ‘Class D 2’}, {'Class I', ‘Class I 2’} ]
Example : https://jsfiddle.net/8y6ozkrh/
Expected Outcome:
• Bars with a value of null should not take up any space.
• The remaining bars should automatically adjust their width to fill the chart area proportionally.
Additional Information:
• This is the screenshot from the current implementation (currently null is replaced with in the fiddle code 1 ):
Expected result :
Already viewed few examples but not able to resolve the issue :
viewtopic.php?t=32685
viewtopic.php?p=194017&hilit=width+bar+ ... th#p194017
Best regards,
Durgesh N Sharma