Highcharts Demo

by Anil Kumar

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    Highcharts.chart('container', {
        plotOptions: {
            series: {
                events: {
                    checkboxClick:function(e)
                    {
                      var series = this.chart.series;
                      if(e.checked){
                      	for(i=0; i < series.length; i++) {
                            series[i].show();
                        }
                      }
                      else{
                      	for(i=0; i < series.length; i++) {
                            series[i].hide();
                        }
                      }
                      
                    },
                    legendItemClick : function(e){
                    	var chartSeries = this.chart.series;
                    	if(!e.target.isDirty){
                      	for(var i = 0;i<chartSeries.length;i++){
                        	if(chartSeries[i].name == 'All'){
                            chartSeries[i].select(false);
                            //return false
                          }
                          
                        }
                      }
                      else{
                      	var status = checkStatus(chartSeries);
                        //console.log(status)
                        if(status){
                        for(var i = 0;i<chartSeries.length;i++){
                        	if(chartSeries[i].name == 'All')
														chartSeries[i].select(true);
                           }
                        }
                      }
                    }
                }
            }
        },
        series: [
        {
        		name:'All',
            data: [],
            showCheckbox: true,
            selected:true,
            events: {
              legendItemClick: function () {
                return false;
              }
            }
        },{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6,...