Highcharts Demo

author(s): Torstein Hønsi

by malonso

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="widht: 800px; height: 510px;"></div>
<button id="buttonOrig">Use Orig Data</button>
<button id="buttonNew">Use New Data</button>

JavaScript

$(function () {
    var chartExists=false;
    var origData=[0, 0, 0, 0, 0.03, 0, 1.5, 0, 0, 0, 0, 0, 0, 0, 0.16, 0, 0, 0, 0, 0.03, 0, 0];
    var newData=[0, 0, 0, 0.45, 2.4, 0.07, 0, 0.03, 0.97, 0.11, 0, 0, 0.04, 0, 1.5, 0.01, 0, 0.23, 0.38, 0.86, 0.82, 0];
    var chart;
    var options={
        chart: {
            alignTicks: true,
            defaultSeriesType: 'line',
            renderTo: 'container'
        },

        xAxis: {
        },
        yAxis:[{
            labels:{
            }
        },{}],
        series: [/*{ data:origData }*/]
    };
    
    //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};
        if(chartExists == 1){
            chart.series[0].remove(false);
            chart.addSeries(newSeries);
        }else{
            options.series.push(newSeries);
            chart = new Highcharts.Chart(options);
            chartExists=true;
        }
        //chart.series[0].remove(false);
        //chart.addSeries(newSeries);
    });
     $('#buttonNew').click(function() {
        var newSeries={data:newData};
        if(chartExists){
            chart.series[0].remove(false);
            chart.addSeries(newSeries);
        }else{
            options.series.push(newSeries);
            chart = new Highcharts.Chart(options);
            chartExists=true;
        }

    });
});