Legend Exception

by kzoon

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>
<button id="button" class="autocompare">Add series</button>

JavaScript

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'column',
            width: 600,
            height: 400
        },

        legend: {
            align: 'right',
            verticalAlign: 'middle',
            layout: 'vertical'
        },



        series: [{
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [null]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [29.9]
        }, {
            data: [null]
        }, {
            data: [29.9]
        }]
    });
    
    // the button handler
    $('#button').click(function() {
        var chart = $('#container').highcharts();
         chart.setSize(600, 300);
    });
});