верхние чарты, легенда гистограммы с вертикальным выравниванием по верху не работает

я сделал диаграмму сложенной диаграммой с использованием высоких диаграмм, и я хочу, чтобы легенда была сверху, я использовал атрибут verticalAlign со значением top, но это не сработало! вот мой jsfiddle http://jsfiddle.net/rchod/sbtt6/

 $(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
    legend: {
        align: 'right',
        verticalAlign: 'top',
        x: 0,
        y: 100
    },

    credits: {
        enabled: false
    },
        title: {
            text: ''
        },
        xAxis: {            
            labels: {
            enabled: false
        },
            categories: ['']
        },
        yAxis: {
        labels: {
            enabled: true
        },
            min: 0,
            title: {
                text: ''
            }
        },
        legend: {
            backgroundColor: '#FFFFFF',
            reversed: true
        },
        tooltip: {
            enabled: false
        },
        plotOptions: {
            series: {   
             minPointLength: 3,            
             dataLabels: {
                color: 'white',
                align: 'center',
                enabled: true,
                format: '{y} %'
              },
                stacking: 'percent'
             },
            bar: {
           events: {
                legendItemClick: function () {
                   vote(1,this.userOptions.id);
                   return false; 
                    }
                }
            ,
            showInLegend: true
           }
        },
            series: [
                             {
            name: 'yes',
            data: [{ y : 73.91, id : '1' }],
            id: '1'
        },
                             {
            name: 'no',
            data: [{ y : 26.09, id : '2' }],
            id: '2'
        },
             ]
    });
});