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
- HighChart: Tooltip box thousand seperator
- Formating my json for highcharts
- highcharts drilldown column chart change Aaxis lables
- Angular 4 - Create Heat Chart
- does Highstock support a right border for a panel (yAxis)?
- How do I put box-shadow to Bar(point) on hover of Highcharts?
- Highcharts how to add treemap upon click event on line chart?
- Dotnet highchart visible attribute
- Real Time Bar chart using Highcharts and AngularJs
- How can I get highstock zoom infomation?
- Highcharts zIndex of Y-Axis title
- Drilldown in two steps, multiple choice in Highcharts
- How to combine two bunch of data, into one chart in Highcharts?
- On a columns chart from highcharts, how to set xAxis labels at columns edges?
- Is there a way to get the point information inside formatter function of y aixs label?
- Y-axis labels on spiderweb graphs
- highcharts-angular dynamically update from DB
- Add highcharts plotband after render in R shiny/rcharts
- HighCharts : Remove auto margin for errorBar
- Javascript or other charting library for geodata
- Show live data on Highcharts without default series
- Is it possible to fill particular portion between given start & end angle in pie chart in chart.js?
- set chart type property in devexpress chart control c#
- Set color of highcharts renderer path title
- HighCharts Js graphs in loop
- Add text over export button in Highcharts
- Highcharts Single Line series JSON date data format
- Reference error using High Chart's API. MVC 3
- how to show different colors for each grid line using highcharts?
- Retrieve data from Parse.com and Display it in amcharts.js or highchart.js