javascript - Example to show/hide data with buttons/checkbox in Highcharts? -

javascript - Example to show/hide data with buttons/checkbox in Highcharts? -

i wondering if there way show/hide series, based on either buttons or checkbox

i have info in 1 big plot, not create cluttered, decide @ runtime info display.

is possible? there illustration can utilize template? have 12 different info sets; means need figure out how load different info different files, without write 12 different info functions.

highcharts has api phone call doing want. phone call want series.hide or series.show.

for example, next code (from highchars own examples) toggle series on off:

var series = chart.series[0]; if (series.visible) { series.hide(); $button.html('show series'); } else { series.show(); $button.html('hide series'); }

http://api.highcharts.com/highcharts#series.show

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-hide/

javascript jquery highcharts