score:11
The issue here is that Highcharts is redrawing the chart after every series change. I checked the API to see if there was a param you could pass to defer that, but that doesn't appear to be the case.
Instead, you can stub out the redraw method until you are ready, like so:
var _redraw = chart.redraw;
chart.redraw = function(){};
//do work
chart.redraw = _redraw;
chart.redraw();
Check out the full example here. For me, it was about 10 times faster to do it this way.
score:5
Rather than calling show()
or hide()
for each series, call setVisible(/* TRUE OR FALSE HERE */, false);
. This second parameter is the redraw
parameter, and you can avoid causing a redraw (which is slow) for each series.
Then, after you're done changing visibilities, call chart.redraw()
once.
Source: stackoverflow.com
Related Query
- Hiding _groups_ of series in Highcharts and jQuery: how to get acceptable performance?
- Highcharts - How to hide series name and Y value in tooltip
- How to get multiple data series into Highcharts
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Highcharts - how to create multiple y axis and group the data series
- How to get Series Name Based on Selection in Highcharts
- How to keep the highcharts legend "on" while hiding the series
- Highcharts no longer animates and readjusts/rescales chart upon addition and removal of series in legend after upgrading to jQuery 1.10
- HighCharts Drill Down multiple series , how to get drill down on second item on drill down?
- Highcharts - how to get consistent mouseover and mouseout events for columns?
- Get max value and label in series after zoom in JS HighCharts
- How to get current date and time on highcharts
- How to get data for series and categories in highcharts-convert.js from mysql
- Highcharts : How to remove the gap between series and vertical axis?
- How to get xAxis and yAxis information on a Highcharts heatmap click event?
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts hiding series and keeping tooltip
- Highcharts - How to get Max and Min value between 2 dates
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- how to make chart real time with 2 line and get data from php with highcharts
- Get x and y value of a series in highcharts when curve is being plotted
- How do I get DateTime from mysql and set it to json format ready for highcharts
- how to get categories values and spacing in label in highcharts
- Align second scatter series to the side similar to how column and bar charts do using HighCharts
- How to make the selection of individual series dynamic in highcharts even after setting max and min?
- How to Increase minimum point value and the color of series in advanced accessible charts in Highcharts by making it traverse
- How to get 2 data-points with one name in series Line Graph Highcharts Reactjs
- how can I use rangeselector and navigation in highcharts in the given code
- HIGHCHARTS - Given a series with UNIX stamps and values pairs for the data, how do I show only the date for the first and last point on xAxis?
- How to get time and value from MySQL into Highcharts
More Query from same tag
- highcharts column : add dynamically series with drilldown data
- How to set plot area width and height in Highcharts?
- Highcharts: How do I add data from a dict to a series
- javascript associative array, looping, and / or scope issue with Highcharts JSON call
- How can i change the length of the title that it is dynamic?
- How do I create a graph from JSON data in Ruby on Rails?
- Line graph disappears after new line is added
- highcharts show additional custom data in tooltip
- Highcharts: X-axis labels inside columns
- Highcharts XRange Data and Label misalignment
- Highcharts - kind of hack for stick plot timeseries
- Dynamic data in Highcharts waterfall using Rails3
- high-charts datalabel position needs to change when value is too small
- Highcharts : Show ticker on the start of plot
- How do I add a tooltip to the x-axis labels in highcharts?
- Highcharts multiple series and axes types overlapping
- Getting error 'Cannot read property 'document' of undefined' while importing exporting.js (to export highchart charts)
- web interface using jQuery for Java application
- How to load highcharts annotations module in react typescript?
- Filename not assigned to csv export in HighCharts on Mac
- Additional serires label in highcharts columnrange
- Highcharts JS - share legend color between pie charts
- Stacked column chart with irregular date time interval
- Boxplot and columns combined in a single chart with Highcharts.js
- Highchart GMT and one hour offset
- Highcharts Activity Gauge - how to get different behaviors while hover over
- it seems me that javascript If...Else works strangely
- Highchart.js secondary axis not showing on the opposite side
- Legend item hiding/showing other legend items
- Make cursor pointer in Highcharts