Highcharts Demo

author(s): Torstein Hønsi

by vibhuti

HTML

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

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

JavaScript

Highcharts.chart('container', {
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            events: {
                legendItemClick: function (e) {
                console.log(e.name)
                    var visibility = this.visible ? 'visible' : 'hidden';
                    if (!confirm('The series is currently ' +
                                 visibility + '. Do you want to change that?')) {
                        return false;
                    }
                }
            }
        }
    },

    series: [{
                type: 'spline',
                name: 'Priority Demand 3',
                data: [3, 2.67, 3, 6.33, 3.33, 5, 2, 6, 3, 2, 1, 2],
                marker: {
                    enabled: false                    
                },
                color: '#EFCE5C',
                visible: true
            },{
                type: 'spline',
                name: 'Priority Demand 4',
                data: [5, 5, 3, 6, 2, 2, 3, 1, 1, 2, 4],
                animation:{
                    duration:1000
                },
                marker: {
                    enabled: false
                },
                color: '#E75552',
                visible: true
            }]
});