score:2
I have a suggestion, but I dont know if you like this. I needed charts with multiple axis and every axis has 1440 datapoints (they can only be 0 or 1 in my case) and they work fine. What I had to do for this is to change the x-axis datatype and generate the date 'manualy'.
Create categories on the x-axis with the date:
xAxis: {
categories: ['00:00', '00:01', '00:02', '00:03', ..., '23:59']
Then every datapoint is ordered the same as the category:
series: [{
data: [1, 1, 1, 1, 1, 1, ..., null]
I know this is messy but when you do this you can reduce the data array to just the y-axis value and the rendering takes less time. See JSFiddle.
score:7
I have found that animation can impact chart load times for large data sets. Try disabling animation:
plotOptions: {
series: {
animation:false,
states: {
hover: {
lineWidthPlus: 0
}
}
}
},
score:7
Here you can find FAQ answering your question.
Additional note: Big performance boost you will get while disabling tooltip.
Or just use Highstock, which has implemented dataGrouping
, for example chart with 52k of points.
Source: stackoverflow.com
Related Query
- Improve performance of Highcharts line chart
- HighCharts turn animation false for line chart
- Highcharts => Getting the id of a point when clicking on a line chart
- Improve highcharts performance for large amounts of data
- How do you increase the performance of highcharts chart creation and rendering
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts line chart won't display line chart in IE
- Highcharts - Scatter chart with a line connecting the dots in the series
- Highcharts line chart tooltips not showing correctly?
- Add dynamic data to line chart from mysql database with highcharts
- Highcharts reversed line chart is partially hidden at min value
- Add custom buttons in Angular Highcharts Line Chart
- Highcharts column + line combination chart with multiple series. Issue aligning line over the column
- I want to add a line to each column in a Highcharts column chart
- Overlap datalabels line chart highcharts
- HighCharts Stock Chart error code 18
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- How to improve performance of Highcharts and avoid error 15 inspite of sorted data?
- How to change space value between grid and yAxis in Highcharts line chart
- Highcharts line chart with multi colored areas
- Highcharts change symbol and hover text of individual points Line Chart
- Highcharts add point to line chart with json
- Highcharts Pie chart multi line labels overlapping
- HighCharts missing data points on line chart
- Change line color in area-spline chart in Highcharts
- Line Chart Highcharts
- Highcharts add a Mean line to BoxPlot chart
- Highcharts - How to force line chart to be visible above X Axis
- Highcharts - line chart dataLabels on every other point?
- Highcharts line chart all points disappear when have more than one points with same X Axis
More Query from same tag
- Multiple Independent Axis
- For highstocks data grouping can you set data group points to null if there is less than a certain number of samples within it?
- Scrollbar creating overlaping chart div
- Changing data dynamically for a series in Highcharts
- jQuery variable to php variable
- How to get current date and time on highcharts
- high charts parse json data
- how to plot the data value from JSON in Highcharts
- pie chart in highchart with dynamic data
- Exporting highchart to server w/ phantomjs & highcharts-convert
- How do you correctly encode JSON from MYSQL, ready for Highcharts
- highcharts.NET Add Additional Data to datalabel
- Get container element inside Highcharts
- How to calculate the height of bar chart
- HighCharts Pie Chart - Displaying multiple series values in Tooltip
- Highcharts - zoom xAxis and pan along axis
- HighCharts, how to change the coloring on the headline on the y-axis?
- Feeding the data through an angular factory to a controller
- Unable to refer javascript array from another javascript file
- setExtremes Event not working post setExtremes method call
- Highcharts Map not Zooming Properly
- How to include data from point in Highcharts xAxis label?
- Highcharts swipe smooth move feature
- Customize Highchart Map's legend type and color
- HighCharts Parameters meaning - plotX,plotLeft,shapeArgs
- Is there a way to disable specific export options in HighChart 5.0.14?
- highchart Customclass css not applied to tooltip for dumbbell series
- Highcharts Maps Drilldown Map From geojson
- Highcharts drill-down using table element as data-source
- Can highcharts stacked percentage column chart be less than 100%