JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
<button id="button" class="autocompare">Set new data</button>

JavaScript

$(function () {

    chart: new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },
        series: [{
          name: 'Old Data',
          data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
        }]
    });

    $('#button').click(function () {
        var chart = $('#container').highcharts();
        var new_series = [{
            "name": "New Data",
            "data": [40000, 50000, 60000, 70000, 80000, 90000, 100000, 120000],
        }];
        //alert(new_serie); // returns objects
        for (var i = chart.series.length-1; i>=0; i--) {
            chart.series[i].remove();
        }
        for (var y = new_series.length-1; y >= 0; y--) {
            chart.addSeries(new_series[y]);
        }
    });
});