Cortez,
1) I have prepared a demo for you with custom property
chart.hideEmptyColumns, which is responsible for enabling modifications in core functions. If this value is set to
false (or just there is no value like that) everything will work with functions directly from Highcharts Core. If this value is set to
true the custom plugin will start to work and hide gaps between columns. Please, check the demo below. All you need to add to your project is the IIFE function from the 1st to 178th line.
Demo: https://jsfiddle.net/BlackLabel/v9cb6r2u/
2) Yea, that's the description of actual behaviour (and from previous posts) of the chart. The column is taking the maximum space for it. You can see it in the above JS Fiddle demo by changing the new custom property from
true to
false a few times. If the value is set to false (equals to H.wrap disabled) columns are not taking maximum space and if
true individual columns in the group are wider as is possible.
Let me know if that fits your requirement and in case of any further questions or misunderstandings feel free to contact me
Regards!