How can I hide ALL series with the same ID with a button on highcharts? (line graph)

Question

I have a simple highcharts line graph and I want to be able to hide (not remove) ALL series with the same id, with the click of a button.

I was thinking on checking for the id as a condition if (series.id === "rec") but for some reason I can't access the series id the same way I can access their names. I tried using:

$.each(chart.series, function (i, serie){
        chart.get('rec').hide()
});

But it just hides the first series with that id. Is this even possible? thanks!

here is my fiddle with more details: https://jsfiddle.net/grisfrancis/tua3td75/1/

Thanks! :)

Emre Bolat · Accepted Answer · 2016-05-25T18:34:53.987

4

UPDATED

You need to use serie.options.id instead of serie.id

Because id property is inside of options field if you inspect the chart object.

Here is the solution jsFiddle.

edited May 25 '16 at 18:34

answered May 25 '16 at 17:37

Emre Bolat

4,316
5
29
32

You did not get the point... the problem isn't to hide the series, but to select all series with a specific ID and hide them all. In your example, you simply hide ALL series, not only the chosen ones. – Asped May 25 '16 at 17:46
Ohh my bad. Updated my answer with the solution. – Emre Bolat May 25 '16 at 18:35
nice! this is a fine solution – Asped May 25 '16 at 19:02
omg!! thank you Emre Bolat! it works perfectly.. I don't have the rep to oneup your answer but as soon as I hae 2 more points I will! – Selda UX Unicorn May 25 '16 at 19:45

How can I hide ALL series with the same ID with a button on highcharts? (line graph)

1 Answers1