Highcharts Demo

author(s): Torstein Hønsi

by core972

HTML

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

<div id="container"></div>
<button id="button" class="autocompare">Add series</button>

CSS

#container {
    height: 400px;
}

JavaScript

const chart = Highcharts.chart('container', {
    chart: {
        type: 'spline'
    },
    xAxis: {
        categories: [
            'Jan', 'Feb'
        ]
    },
    series: [{
        data: [
            29.9, 194.1
        ]
    }]
});

// the button handler
document.getElementById('button').addEventListener('click', () => {
    if (chart.series.length === 1) {
        chart.addSeries({
            data: [
                124.1, 54.4
            ]
        }, true, false);
    }
});