Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<!--<script src="http://code.highcharts.com/2.2.5/highcharts.src.js"></script>-->

<div id="container" style="height: 400px"></div>
<button id="buttonOrig">Use Orig Data</button>
<button id="buttonNew">Use New Data</button>

JavaScript

$(function () {
    var origData=[1940,2423,2200,1893,1905,2276,2648,1821,1938,1921,1833,2201,1968,1991,1653,1870,2205,2124,2054,2401,1947,2117];
    var newData=[2028,4623,3533,2736,2913,2203,1899,2228,1666,2288,1982,2909,1809,2558,2093,2904,2963,2104,2727,2574,1405,3288];
    var chart;
    var options={
        chart: {
            alignTicks: true,
            defaultSeriesType: 'line',
            renderTo: 'container'
        },

        xAxis: {
        },
        yAxis:[{
            labels:{
            }
        }],
        series: [{ data:newData }]
    };
    
    //ISSUE ONLY HAPPENS IF YOU UNCOMMENT THIS
    options.yAxis[1]={labels:{}};
    chart = new Highcharts.Chart(options);

    // the button action
    $('#buttonOrig').click(function() {
        var newSeries={data:origData};
        chart.series[0].remove(false);
        chart.addSeries(newSeries);
    });
     $('#buttonNew').click(function() {
        var newSeries={data:newData};
        chart.series[0].remove(false);
        chart.addSeries(newSeries);

    });
});