如何在Highchart中更改图例的布局和对齐方式？

Question

我正在尝试更改 Highchart 中图例的布局和对齐方式。

在JavaScript中，代码最初是：

showInLegend: true

然后我将其修改为：

legend: 
{
    layout: 'vertical',
    enabled: true,
    x: 0,
    y: 20,
    align: 'right',
    verticalAlign: 'middle',
    margin: 30,
    ...
}  

......然而，传说还没有动过。

Answer 1

确保您的图表选项中没有重复的属性legend。

在属中，它有效，请参阅：http://jsfiddle.net/3bQne/1010/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container1'
    },
    legend: {
        layout: 'vertical',
        enabled: true,
        x: 0,
        y: 20,
        align: 'right',
        verticalAlign: 'middle',
        margin: 30
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});