Chartjs - button in legend to toggle all datasets show/hide

Asked Mar 26 '18 at 21:24

Active Mar 26 '18 at 21:24

Viewed 5,359 times

Is there way to toggle display/hide all datasets in a chart at once?

I'm working on a chart that will have about 30 datasets so that different sets of data can be easily compared... but it's a hassle to deselect 28 in order to just see two. Or to go from 2 to then select 25 to view.

I'd like to find some way to show all/hide all... I wonder if creating the legend via a callback would be required... and if so, how to do it (I haven't yet figured out how to use callbacks).

Any ideas?

Thanks, Scott

asked Mar 26 '18 at 21:24

ScottM

5

Check my answer here: https://stackoverflow.com/questions/49249902/select-all-and-unselect-option-for-chart-js/49252102#49252102 – beaver Mar 27 '18 at 06:34
Thanks @beaver! That's exactly what I was looking for! – ScottM Mar 27 '18 at 13:07
So, please, vote up my answer there ;-) – beaver Mar 27 '18 at 13:14
@beaver point your link as an answer or as duplicate, its really more visible! – Pipo Aug 01 '19 at 17:33

Chartjs - button in legend to toggle all datasets show/hide

0 Answers0