score:9
Accepted answer
I have found that window.dispatchEvent(new Event('resize'))
is the way to trigger the resize.
$('.full-width').click(function () {
$(this).parents('[class^="col"]').toggleClass('full-width-box');
window.dispatchEvent(new Event('resize'));
});
Demo http://www.codeply.com/go/qY1TSQOZ0r
P.S. - you don't need the other click/resize function
score:3
EDIT: Updated code
highcharts().reflow();
might do the trick for you.
$('.full-width').click(function () {
$(this).closest('[class^="col"]').toggleClass('full-width-box');
$( ".highcharts" ).each(function( index ) {
$(this).highcharts().reflow();
});
});
Source: stackoverflow.com
Related Query
- onclick trigger resize, highcharts
- Highcharts - not able to resize onclick a button in angular 6
- Responsive Highcharts not sizing correctly until window resize
- Resize height with Highcharts
- Highcharts - manually trigger hover event on a point
- Highcharts charts don't resize properly on window resize
- Resize data points with highcharts
- Highcharts does not resize charts inside tabs
- Resize highcharts using react-grid-layout not working
- Resize a chart before printing with Highcharts
- Add onclick event on chart made with the highcharts library
- Highcharts - resize legend on chart resize?
- 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();
- Highcharts - Global configuration with common code and unique data & Headings
- How to hide Axes Crosshairs by onclick event in Highcharts
- Highcharts - CUSTOM DATA LABELS in line series, are disappearing on window resize
- Hidden Highcharts not sizing correctly until window resize
- Highcharts SolidGauge Label Resize Issue
- Highcharts - Show tooltip onClick instead of hover
- HighCharts dynamically resize renderer label or element
- How to scale Highcharts height on window resize with React
- Resize issue while gridster.js with highcharts
- How to trigger a legend click in HighCharts with jQuery?
- Highcharts Graph displays correctly ONLY on Window Resize
- HighCharts Stock Chart error code 18
- highcharts change rendered image source on click
- Gauge highcharts is not resize with ionic 2
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to display 2 same highcharts without duplicate the code
More Query from same tag
- How to update the series data of piechart(using highchart) through loop in angular
- How to show data at middle instead of at the bottom while one of the data's value has big difference. highcharts.js
- Step per range HighCharts
- Highcharts heatmap without fixed non-temporal axis
- Spark - Highcharts // Add points dynamically
- Highcharts, change line type if more than one series on the chart
- gem Lazy High Charts - Pie Donut
- How to give background color to selected x-axis label in highcarts gantt
- How to use decimal dates with Highcharts (such as 1992.9614)?
- how to make my highcharts reverse
- How to use getElementById with a reactive var and Meteor
- highcharts not showing decimal points coming from xml
- Binding empty array to chart
- API data into the Highscharts without key and value
- Loop in xAxis from highcharts according to returned data
- How to calculate X and Y coordinate under dataLabels with we have data value is dynamic
- ASP.NET Controller return variable View access
- highcharter convert value to percent in tooltip
- Add vertical(projection) line from point to categories, highcharts
- Highcharts bars are half missing after drillup
- How to pass variable values in series:[{data: }] object collection
- Populate HighCharts Dataset in Javascript from ViewData Object .Net Core
- Adding image in highchart
- getSelectedPoints array delay problem in HighCharts
- can hightcharts make ajax calls to external data files?
- Cannot combine a Ribbon in highcharter (R) with normal line series
- Highcharts change legend options dynamically
- Highcharts - Multiple charts with same object
- highchart tooltip hover - on busy charts the tooltip jumps between the points
- Highcharts line chart - do not display the line