Highcharts Demo

author(s): Torstein Hønsi

by jeffgw

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>
<button id="button" class="autocompare">Set new data</button>

JavaScript

var chart = Highcharts.chart('container', {
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        lineWidth:1,
        color:'blue'
    }]
});


// the button action
$('#button').click(function () {
		setInterval(function() {
 				 chart.series[0].update({lineWidth:7}, false);
         chart.series[0].update({color:'yellow'}, false);
    		chart.redraw();
		}, 800);
    setInterval(function() {
 				 chart.series[0].update({lineWidth:1}, false);
         chart.series[0].update({color:'blue'}, false);
    		chart.redraw();
		}, 2000);
});