Chart prop 'zoomType' not working with Highcharts 10.2.1

[veloek]

Bug or Feature Request?

Bug

Description

Enabling zoom with zoomType="x" on the Chart component in a HighchartsStockChart broke with Highcharts version 10.2.1. Haven't been able to reproduce the issue with vanilla Highcharts.

How to reproduce

Run the demo. Try downgrading to Highcharts version 10.2.0 and verify that the issue is gone.

Live demo demonstrating bug

https://stackblitz.com/edit/react-ceq9uc?file=src/MyChart.js

Versions

• React JSX Highcharts version: 5.0.0
• Highcharts version: 10.2.1
• React version: 18.2.0

[anajavi]

Highcharts deprecated zoomType and it somehow also broke at the same time.

Workaround is to use the new zooming prop:
https://stackblitz.com/edit/react-bp4fmf?file=src%2FMyChart.js

[veloek]

@anajavi Thanks for the workaround 👍 It seems like something broke in Highchart's update method: https://jsfiddle.net/3b1eqpkw/. I'll report a bug at their tracker with the same example. Ref: highcharts/highcharts#17861

[anajavi]

Maybe we should have a new element for zooming, for example:

<Zooming type="x" singleTouch={true} />

[veloek]

Yeah, I think that'd be nice. And perhaps a Panning component as well?