JSFiddle - React, Tailwind, and code Playground

by Bhesh Gurung

HTML

<script src="http://www.highcharts.com/js/testing.js"></script>
<div id="container" style="width: 450px; height: 350px">
</div>
<div> Series 1 total: 
    <div id="s1t"><div>
</div>
<div> Series 2 totoal: 
    <div id="s2t"><div>
</div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column'
    },
    plotOptions: {
        series: {
            events: {
                legendItemClick: function(event) {
                    var series = this,
                        isVisible = series.visible,
                        data = series.data;
                            for(var i in series) {
                                alert(i);
                            }
                    var sum = 0;
                    if(!isVisible) {
                        $.each(data, function(i, v) {
                            
                        });
                    }
                    alert(sum);
                }
            }
        }
    },
    series: [{
        data: [[10, 1000], [20, 999], [30, 500], [40, 2000]]
    }, {
        data: [[40, 2000], [20, 3000], [30, 4000]]
    }]
});