Zones rendering issue after updating to highcharts@11.3.0
xsevcika2 opened this issue · comments
Hello,
after updating Highcharts to version 11.3.0 my histogram started behaving strangely and I will be glad if you have any idea what to do about it and will be able to advise me.
Issue:
In my project, I was using histogram zones to color specific bins according to values however after updating to the latest version, the zone colors were no longer applied.
Old version highcharts@11.2.0
Latest version highcharts@11.3.0
My assumptions:
I think it might be due to the histogram rendering, so I tried commenting out React.StrictMode first.
root.render(
// <React.StrictMode>
<App />
// </React.StrictMode>
);Then I found that the chart zones are indeed displayed but after changing the data (Button - "Update Data" in the example) they are missing again.
I haven't moved any further yet. I have forked one of your stackblitz examples and created replicable code https://stackblitz.com/edit/react-wul4iv?file=index.js and would be grateful for any advice!
Hi @xsevcika2,
Thank you for contacting us!
There is a bug in Highcharts v11.3.0 related to using zones with multiple series.
As a workaround use Highcharts v11.2.0 or add the plugin from one of the below threads.
Similar thread: https://stackoverflow.com/questions/78007238/how-can-i-display-a-line-that-has-gone-missing-in-a-highcharts-graph/78020005#78020005
Related issue: highcharts/highcharts#20613
Hello, I am facing the same issue after updating Highcharts to v11.3.0.
Thank you for your quick reply!
Downgrading back to Highcharts v11.2.0, there is another bug (https://github.com/highcharts/highcharts/issues/20340) related to the calculation of the values in the histogram bars. I was hoping that the update to version 11.3.0 would resolve this bug, as stated in the latest changelog. That was the reason why we updated the version 🙂
I'm already looking forward to the Highcharts v11.4.0
You're doing a great job, thanks! 👍
The simplest workaround for me was to downgrade even further to Highcharts v11.1.0 🙂
Hope it can help you too. Have a nice day!
@xsevcika2, thanks for providing more information!
You are right - the problem is already resolved on the master branch and will be available in the next Highcharts version.
If you want to use Highcharts 11.3.0, you can add the plugin from this example: https://stackblitz.com/edit/vitejs-vite-7ffpfv?file=src%2FLineHighchart.tsx
Best regards!