Animation Error

author(s): Koos Zoon

by kzoon

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px; width: 500px" ></div>
<button id="update">Update chart</button>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
    
        chart: {
            renderTo: 'container',
            type:'bar'
        },
    
        xAxis: {
           categories: ['Some long label with  lots of spaces']
           // categories: ['short label']
        },
    
        series: [{
            data: [150]
        }]
    
    });
    
    i = 1;
    $('#update').click(function() {
        chart.series[0].data[0].update(i++ % 2 ? 200 : 100);
    });
});