Highcharts菜单位于图表的右下方

时间:2012-11-20 13:21:27

标签: highcharts

我有 this 等高图 如何将图例( Firefox,IE,chrome ... )移动到图表右侧?

P.S。我不熟悉jQuery。

3 个答案:

答案 0 :(得分:3)

您需要将 legend.align 选项设置为'right'

  legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'bottom',
            x: 0,
            y: -10
          },  

<强> Here is the demo 即可。我只是用上面提到的代码调整它。

我希望 Highcharts API 对您有很大帮助,探索可用于个性化图表的选项。

答案 1 :(得分:0)

试试这个legend: { align: 'right' }所以你可以在右侧对齐你的传奇

答案 2 :(得分:0)

看看这个jsfiddle,它会对齐右侧的图例。

添加了以下内容:

legend: {
    width:180, align: 'right',  
    itemWidth: 180, verticalAlign: 'middle',
    x: 0,
    y: 0
},