score:1
Accepted answer
you need to call chart.reflow
method in onresizestop
event callback function.
return (
<rnd
...
onresizestop={(e, direction, ref, delta, position) => {
const chart = this.chartcomponent.current?.chart;
if (chart) {
chart.reflow();
}
...
}}
>
...
</rnd>
);
from highcharts api:
reflow( [e])
reflows the chart to its container. by default, the chart reflows automatically to its container following a window.resize event, as per the chart.reflow option. however, there are no reliable events for div resize, so if the container is resized without a window resize event, this must be called explicitly.
live demo: https://codesandbox.io/s/cranky-hoover-cz-czw5k?file=/src/index.js
api reference: https://api.highcharts.com/class-reference/highcharts.chart#reflow
Source: stackoverflow.com
Related Query
- Highcharts automatic resize using drag/resize react-rnd library
- Resize highcharts using react-grid-layout not working
- Library duplication issue using Highcharts in Jaspersoft Studio
- Only one highcharts using react-grid-layout can resize
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Resize High Charts based on grid layout width and height using react
- How to scale Highcharts height on window resize with React
- How to draw a bubble map with longitude and latitude using Highcharts in react
- Local Angular library using Highcharts breaks in production mode
- using library highcharts with asp.net mvc 3
- Highcharts display label for pie chart using html table as data source
- Simple, Open source PHP wrapper for Highcharts library
- Update series using Highcharts React wrapper
- How to show 12AM and 12PM on x-axis using highcharts library
- Pie chart slice radius using HighCharts library
- how to render multiple line charts - highcharts on same page using highcharts react wrapper - highcharts-react-offical
- HTML table as data source for highstock charts using highcharts
- Uncaught Error: Highcharts error #17 while creating sunburst chart using react
- Using a flask variable as data source for highcharts
- why is afterSetExtremes function being called twice highcharts using react
- How can I achieve this using HighCharts library
- Highcharts resize chart size using custom export button and replace expand and collapse button dynamically
- Using Highcharts with SPServices jQuery library to create Pie Chart
- Combining drag of jquery to change highcharts Height using CSS
- How can i change the color of a tile which was clicked of a treemap in highcharts using react
- Removing event Listeners in react using highcharts
- ReferenceError: Highcharts is not defined when using lollipop series in react
- Get max of x axis in highcharts using react
- Display Google spreadsheet data using Highcharts library
More Query from same tag
- Using google translate with highcharts
- highcharts zero values results in graph half way instead at the bottom
- Highcharts: Remove extra margin y-axis when plotting multiple series
- align text on the left and the right in Highcharts
- How to make highcharts stacked bar chart start from a specific date
- Highcharts shankey diagram percentage not showing
- Pie slice not visible on loading
- highchart column comparison chart like xrange
- How to use a variable as js code?
- Highcharts addPlotLine for one set of values
- Highcharts push chart to left of subtitle
- Highcharts not rendering : React+Typescript+Highcharts
- Highcharts - Series data from MySQL in the expected format
- Highcharts PlotLines using specific value from JS array
- How to find the linkedSeries in Highcharts
- Highcharts adding integer instead of date
- Reverse Y axis in LazyHighCharts and Rails
- I don't want circles in my line Highchart
- Can't change date format on Highcharts
- Data map to suitable Highcharts series
- How to set correct xAxis time data in Highcharts?
- Highcharts column how to move series name to the title position with bigger text size
- how to get tow series data in highchart guage chart
- Issues using highcharts node export server from ClojureScript - "0x03 error when performing chart generation"
- how to make series in highcharts toggle between cursors
- Highcharts - Legend width will not update
- How to add annotation text to x and y axis in Highcharts?
- Highcharts yAxis title click
- Highchart: Spline with clickable Symbols
- Skipping weekends with Highcharts Gantt