annette
Posts: 2
Joined: Thu Jan 26, 2023 9:00 pm

Bar chart with 50+ in series causes bars to be super skinng

Hello!

I am having an issue where the bars in a bar chart are very skinny, about 1 pixel wide, when the chart series has more than 50 items in the list. I have tried setting the {column: {grouping: false}} as well as setting the cropThreshold to be a number higher than 50, but none of these have fixed the problem of the super skinny bars. I also am unable to manually set the width of the bars with pointWidth.

Could someone provide some assistance here?
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Bar chart with 50+ in series causes bars to be super skinng

Hello,

Welcome to our forum and thanks for contacting us with your question!

Do you have the boost module enabled? Can you share a demo of the problem e.g. in jsfiddle?

If you have boost running then setting a higher boostThreshold may be the solution.
Demo: https://jsfiddle.net/BlackLabel/uh1dtr80/
API: https://api.highcharts.com/highcharts/p ... tThreshold

I'm waiting for your reply
Best regards!
Dawid Draguła
Highcharts Developer
annette
Posts: 2
Joined: Thu Jan 26, 2023 9:00 pm

Re: Bar chart with 50+ in series causes bars to be super skinng

Hi! Appreciate the response!

I am using highcharts with react, and when I move the bar chart configuration into a separate jsfiddle, the issue seems to go away. Have you seen these incompatibilities before?

I am wondering if this is a versioning issue with react. I am using highcharts version 9.3.3 and highcharts-react-official version 3.1.0.

Thank you!
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Bar chart with 50+ in series causes bars to be super skinng

Hi!

It's really hard to tell what could be causing the problem. Since this only occurs in react, why not try creating the react demo in codesandbox.io?

Regards!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Usage”