score:25
This is due to the turbo threshold option:
"When a series contains a data array that is longer than this, only one dimensional arrays of numbers, or two dimensional arrays with x and y values are allowed. Also, only the first point is tested, and the rest are assumed to be the same format. This saves expensive data checking and indexing in long series."
It is set to 1000 points by default. Your chart is not rendering because each point in your series is an object and their number is greater than the threshold.
Here's a jfFiddle demonstrating your plot working with the threshold set to 2000.
Here's the modified section of code:
plotOptions: {
spline: {
turboThreshold: 2000,
...
Another solution would be to encode your series data in a 2-d array instead of having each point represented by and object with x-y properties.
score:0
a workaround for turboThreshhold is something like this if you generation your response with PHP:
if(count($responseObj) > 1000){
$modolo = round(count($responseObj) / 1000);
for($i = count($responseObj)-1; $i >= 0 ; $i--){
if(($i % $modolo) != 0){
unset ($responseObj[$i]);
}
}
$responseObj = array_merge($responseObj);
}
Source: stackoverflow.com
Related Query
- Highcharts doesn't display series with lots of data points
- Highcharts scatter plot with lots of data points running really slow
- Highcharts series visibility with csv data source
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts multiple series with missing Data Points
- Highcharts displays series names but missing data points from json source
- Resize data points with highcharts
- Highcharts data series issue with ajax/json and PHP
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts with JSON data and multiple series
- highcharts with null data points
- How to structure Angular with Highcharts and lots of dynamic data
- Find number of data points in each series in highcharts
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts not displaying series data for graph with multiple Y-axes
- Highcharts Custom display of tooltips, based on data series values
- Highcharts show the same yAxis start and end value with multiple data series
- Display multiple points with exact same value in scatter HighCharts
- How to display line break for irregular time series with highcharts
- HIghcharts column graph with more than 50 data points
- Highcharts - Show the percentage difference between data points on a series
- highcharts Scatter Chart not loading with LOTS of data
- Overlay 2 series of data of different length with highcharts
- Highcharts display label for pie chart using html table as data source
- Optimal way to display data with uneven time interval Highcharts
- Highcharts series doesnt show data and render the chart
- highcharts highmaps parsing json data to display world map with rich info
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- HighCharts column chart populated with series data from a function
- HighCharts Not Adding Series Data Points
More Query from same tag
- Strange problem with highcharts heatmap - incorrect Y-axis scaling
- How to update drilldown data in highchart without redraw the chart?
- Change Highcharts Graph based on two Select inputs
- How to change rCharts Highchart Color based on Factor Variable
- Automatically split y-axis on Highcharts if series' values are not similar
- Is it possible to hide the navigator in highcharts at runtime?
- How to change Highcharts object configuration locally with vue-highcharts?
- Change X axis label on Drill Down using HighCharts
- onclick event when part of highcharts funnel is clicked
- Highcharts: How to add an arrow head at the tip of a connector in a pie chart?
- How do I use an Highcharts Solid Gauge in angular 6 with typescript?
- Highcharts 3D Scatter Plot: Change Description shown when hovering points
- Highcharts activity gauge in Shiny
- Rotating dataLabels in a Highcharts pie chart
- How to get image of graph from highchart in web page only?
- Highcharts appends two types of charts in one div
- Highcharts item width not 100% in carousel
- Higcharts - How to remove groupPadding from the beginning of the chart
- Highcharts - show only selected points
- Show label for each bar in highcharts
- Highcharts : How to flag the local maxima on a dynamic graph drawn using HighChart
- HighCharts - Show dataLabel for last value in stockChart
- Convert Base64 to normal PNG for copy/pasting
- Highcharts Display Xaxis plot line
- Highcharts mouse tracking behaviour with multiple arearange & line series
- Plotting data and time zones on highcharts react
- Javascript set theme for each graph
- Add more than 3 y-axis in Highcharts. 4th y-axis values aren't displayed
- HighCharts: SVG outside plot area
- rCharts: Change the individual point colors of a time series plot (Highcharts)