AlexeyCanyon
Posts: 12
Joined: Thu Jan 14, 2021 4:48 am

Column fill full empty width

Hi!
Please tell me how to arrange each column not in the center, but from the beginning (First screenshot).
Second question. How to make the width of each column automatically fill up to the next one (Second screenshot)?

Code: Select all

groupPadding, pointPadding and poringWidth
not suitable as they work statically and are scale dependent. I need to fill the free space between the columns regardless of the scale.
Снимок экрана 2021-03-02 131147.png
Снимок экрана 2021-03-02 131147.png (29.14 KiB) Viewed 188 times
Снимок экрана 2021-03-02 131312.png
Снимок экрана 2021-03-02 131312.png (51.41 KiB) Viewed 188 times
pawelys
Posts: 962
Joined: Wed Sep 02, 2020 10:37 am

Re: Column fill full empty width

Hello, thanks for contacting us with your question!
You can each column by using the translate function for SVG element. Check the following demo: https://jsfiddle.net/BlackLabel/7w6khve2/

Regarding the filling the column for extra width, i don't quite understand the goal here. Apart from that, there is no custom functionality like this, and it seems like a lot of work to make it work and create reliable logic. Let me know what you think about this, kind regards,
Paweł Lysy
Highcharts Developer

Return to “Highcharts Usage”