Column Chart loads solid columns, but then breaks into segments

[pdk27g]

We use highcharts throughout our web application, and noticed the following behavior recently. Nothing in the network/dev tools appears when this happens, it just "happens".

Here's my steps to reproduce and a screenshot.

Steps to reproduce:

Load the page

Note the column chart, "Today’s Overall Billing"

Let the page sit idle. Return to page.

Result:

Columns are “broken” from solid columns into segments

https://drive.google.com/file/d/12B7Bhl ... sp=sharing

Expected Result:

Columns remain solid.

Additional Notes

Identify root cause

Apply fix to other column/bar charts as needed

[pdk27g]

Leaving the page up, the segments actually grow in number, really breaking the chart.
https://drive.google.com/file/d/12D37H6 ... sp=sharing

[jakub.s]

Hi,

Thanks!

It looks like a very strange behavior!

Did you send me a link to the demo? I think you only included a screenshot.

If you reproduce this issue in an online code editor like JSFiddle I'll take a look, see why it happens and offer a possible solution.

Best regards,
Jakub

[pdk27g]

@jakub.s, we determined that this was caused by another part of our application refreshing page that holds the chart with a websocket. We disabled this for the chart itself and the issue is resolved. Every time the websocket would hit the page, the column chart would break into another segment.

Our application has a live data graphic that we custom-built that is fed with websocket data, so we kept that running. All good now. Thanks for the reply.

[jakub.s]

Thanks for the reply!

I'm glad you solved it

Let me know if any more questions come up.

Jakub