javascript - highcharts，垂直对齐顶部的条形图图例不起作用

Question

我使用 highcharts 制作了一个条形堆叠图，我希望图例位于顶部，我使用了属性 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'
        },
             ]
    });
});

Answer 1

您的选项中有两次 legend 属性。第二个覆盖第一个。把它们放在一起:

legend: {
    backgroundColor: '#FFFFFF',
    reversed: true,
    align: 'right',
    verticalAlign: 'top',
    x: 0,
    y: 100
},

已更新 fiddle .