# How to Hide and Show Line Chart Series?

**URL:** <https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625>\
**Category:** Dashboard\
**Created:** [5 February 2019 19:42 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625 "2019-02-05T19:42:23Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![tcontrada](https://avatars.discourse-cdn.com/v4/letter/t/f1d935/32.png) [@tcontrada](https://discourse.nodered.org/u/tcontrada)\
**Post date:** [5 February 2019 19:42 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/1 "2019-02-05T19:42:23Z")

</div>

Is there a way in a chart with multiple series to hide/show individual series without affecting the data already in the chart?

Thanks

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [5 February 2019 19:53 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/2 "2019-02-05T19:53:59Z")

</div>

Make the legend visible. Then you can (de)select them within the legend

---

<div class="post-metadata">

**Author:** ![tcontrada](https://avatars.discourse-cdn.com/v4/letter/t/f1d935/32.png) [@tcontrada](https://discourse.nodered.org/u/tcontrada)\
**Post date:** [5 February 2019 22:23 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/3 "2019-02-05T22:23:19Z")

</div>

Not sure how to deselect each series?  
Is there a way to do this programatically?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [5 February 2019 22:45 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/4 "2019-02-05T22:45:39Z")

</div>

just click on the legend...  
 ![](https://cdck-file-uploads-us1.s3.dualstack.us-west-2.amazonaws.com/flex026/uploads/nodered/original/2X/6/65f25abdf481a958f31ced9bb7c45129843f0a7b.gif)

And no - not that I can think of (though I guess you may be able to simulate the click somehow)

---

<div class="post-metadata">

**Author:** ![tcontrada](https://avatars.discourse-cdn.com/v4/letter/t/f1d935/32.png) [@tcontrada](https://discourse.nodered.org/u/tcontrada)\
**Post date:** [6 February 2019 14:50 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/5 "2019-02-06T14:50:48Z")

</div>

Thanks...

---

<div class="post-metadata">

**Author:** ![jodelkoenig](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jodelkoenig/32/44645_2.png) [@jodelkoenig](https://discourse.nodered.org/u/jodelkoenig)\
**Post date:** [10 January 2020 20:38 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/6 "2020-01-10T20:38:56Z")

</div>

I know this is an older thread 🙂 , however, the title fits to my question and is related, although in an inverse manner:

I would like the click function to hide all lines except the one clicked. Is this possible? Is such functionality available?

Thanks.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [10 January 2020 20:45 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/7 "2020-01-10T20:45:31Z")

</div>

No. At least not with clicking some chart element. Can be achieved with complex flow management but is it worth of effort...

---

<div class="post-metadata">

**Author:** ![jodelkoenig](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jodelkoenig/32/44645_2.png) [@jodelkoenig](https://discourse.nodered.org/u/jodelkoenig)\
**Post date:** [10 January 2020 21:03 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/8 "2020-01-10T21:03:49Z")

</div>

Not really worth the effort. Just nice to have 🙂 ... thank for your feedback.

---

<div class="post-metadata">

**Author:** ![Franco](https://avatars.discourse-cdn.com/v4/letter/f/e19b73/32.png) [@Franco](https://discourse.nodered.org/u/Franco)\
**Post date:** [19 June 2021 17:29 UTC](https://discourse.nodered.org/t/how-to-hide-and-show-line-chart-series/7625/9 "2021-06-19T17:29:18Z")

</div>

Hello,

Is there any way to do this automatically, for example with a function node? I have a lot of charts and I would prefer to show/hide all of them at the same time