Highcharts: Deselect all points within a series - highcharts

Question

Alright, so I have a selection event that selects wanted points.
The problem I have is that it just adds on to the previously selected points. I was curious if there is an easy way to have all the points deselected with a function/library call without making a custom function that iterates through all the points?
UPDATE:
This is how I select my points. It is performed within the selection event.
for (var i = 0; i < this.series.length; i++) //Iterate through all the series on the chart
{
if(this.series[i].selected) //If the series is selected in the legend
{
var points = this.series[i].points; //Retrieve all points within this certain series that are visible
var xs = event.xAxis[0]; //Get the xAxis size
$.each(points, function (i,p) { //For all the points visible in the series
if (p.x >= xs.min && p.x <= xs.max) { //Boundary check the selected points
p.select(true, true); //Set the selected points to selected
}
});
}
}

Answer 1

This is the solution to my problem. I added an else statement to the if that deselected any points that are not within the selected range. I plan to make the else into an else if (ctrl key is NOT pressed) for better functionality.
for (var i = 0; i < this.series.length; i++) //Iterate through all the series on the chart
{
if(this.series[i].selected) //If the series is selected in the legend
{
var points = this.series[i].points; //Retrieve all points within this certain series that are visible
var xs = event.xAxis[0]; //Get the xAxis size
$.each(points, function (i,p) { //For all the points visible in the series
if (p.x >= xs.min && p.x <= xs.max) { //Boundary check the selected points
p.select(true, true); //Set the selected points to selected
}
else
p.select(false, true); //Set points outside of boundary to deselected
});
}
}

Answer 2

So, there is a function called getSelectedPoints(), then you have a array with all selected points. The next step is to deselect all these points with select()
Here the highcharts api: getSelectedPoints()
And the jsfiddle: jsfiddle

Answer 3

you should iterate over each serie of the chart and call hide or show function depending on what you want to do
i = 0;
while (i < chart.series.length) {
if (chart.series[i].visible === false) {
chart.series[i].select();
chart.series[i].show();
i++;
return;
}
}

Answer 4

Per the API docs on the select method you are explicitly telly it to accumulate all the points selected to the new point you want selected. So, set your second param to false.
$.each(points, function (i,p) { //For all the points visible in the series
if (p.x >= xs.min && p.x <= xs.max) { //Boundary check the selected points
p.select(true, false); //Set the selected points to selected
}
});

Answer 5

TypeScript:
/**
* Deselect all the points on all series
*/
private deselectAllPoints() {
const series = chart.series;
series.forEach(s => {
s.data.forEach((point: Point) => {
point.select(false);
});
});
}
Or just plain JavaScript:
chart.series.forEach(s => {
s.data.forEach((point) => {
point.select(false);
});
});