I would like to know the x-axis plot band widths dynamically with events redraw and load

[gudapraveenkumar]

I would like to know the x-axis plot band widths dynamically with events redraw and load

[anajavi]

redraw event handler should work like this:

<Chart onRedraw={plotBandWidthHandler} />

[gudapraveenkumar]

@anajavi thanks it worked, but the thing is I'm getting the old chart object instead of current chart object as parameter on every redraw

[anajavi]

but the thing is I'm getting the old chart object instead of current chart object as parameter on every redraw

Does the handler get current chart object with vanilla highstock?

Also can you make an example with a fork of https://stackblitz.com/edit/base-chart-example

[gudapraveenkumar]

This is the handler called on reDraw, in the console log if you see I was trying to get the width of the plot band. So when chart render I get the correct plot band width and then I update the plot bands by increasing the time I'm getting the previous widths

` const handleOnRedraw = useCallback((data) => {

if (data?.target && data?.target?.xAxis && data?.target?.xAxis.length > 0) {

  if (data?.target?.xAxis[0]?.plotLinesAndBands?.length > 0) {

  // Here I'm getting the previous plotband widths

     console.log('plot band width  =', data?.target?.xAxis[0]?.plotLinesAndBands[0].svgElem.getBBox().width)

  }

}

}, [])`

This is what I get this in data param

Sorry couldn't make an example, but this is how my component looks like

[anajavi]

Without a reproduction it is quite hard to say why the widths don't update.

I am guessing that the problem can be reproduced with vanilla highcharts too: https://jsfiddle.net/highcharts/LLExL/

[anajavi]

If you are still experiencing the problem, please open a new issue with a reproduction.