如何更改Highchart中圖例的佈局和對齊方式？

我正在嘗試更改Highchart中圖例的佈局和對齊方式。如何更改Highchart中圖例的佈局和對齊方式？

在JavaScript中，代碼最初是：

showInLegend: true

然後我修改了它：

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

...然而，傳說仍然沒有移動。

來源

2014-03-12 ladyweb

你能建立一個代表的jsfiddle重現此問題？ – wergeld

因此，圖表初始化後，您想更新圖例？ –

謝謝。我不是很清楚你的意思，但我想改變圖例的對齊方式。也就是說，我希望這個傳說是垂直的，而不是水平的。 – ladyweb

請確保您的圖表選項中沒有重複的屬性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] 
    }] 
});

來源

2014-03-14 14:09:05

如何更改Highchart中圖例的佈局和對齊方式？

回答

相關問題