I have implemented the angular2-highcharts chart module in my angular2 web application.
Everything works fine when the graph has less than 7000 points, with the line and points displaying correctly. However, once the number of points surpasses 7000, there are issues with the line rendering. Interestingly, hovering over the graph still shows the tooltip for the points.
I attempted to use turboThreshold to address this problem, but it did not have any effect.
Do you have any suggestions on how to resolve this issue?
--- Code ---
this.highchart_graph_expanded = {
title: {
text: ExpandedText
},
series: _series,
legend: {
enabled: true
},
yAxis: {
visible: true,
},
plotOptions: {
series: {
states: {
hover: {
enabled: false // hover
},
},
animation: false
}
},
turboThreshold: 0, // allow render more than 10000 points
rangeSelector: {
enabled: false,
inputEnabled: true,
},
xAxis: {
type: 'datetime'
},
};
_series = {
data: seriesData, // [ [x,y], [x,y] ]
name: "title",
};