Animate to null

author(s): Koos Zoon

by Torstein Hønsi

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:'column'
        },
    
        xAxis: {
           categories: ['A', 'B','C'],
            tickmarkPlacement:'on',
            gridLineWidth:1
        },
    
        series: [{
            data: [1500, 1000,2000]
        }]
    
    });
    
    i = 1;
    $('#update').click(function() {
   
        chart.series[0].data[0].update( 1700);
        chart.series[0].data[1].update({ y: null });
       chart.series[0].data[2].update( 500);
      });
});