Highcharts - 图表外的图例定位

Posted 2023-02-16

【中文标题】Highcharts - 图表外的图例定位

【英文标题】：Highcharts - Legend Positioning outside the chart

【发布时间】：2015-06-13 03:22:09

【问题描述】：

考虑一下我有这样的高图highchart with legend inside

我想要图表之外的图例。请帮忙。

注意：我希望我的图例属性相同。

legend
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle'

但是我希望它们在图表之外。请帮忙。

【参考方案1】：

你尝试过这样的事情吗？

"legend": 
 "align": "left",
  y: -20 // <=== use a negative value 

【参考方案2】：

看来你需要设置 'floating: false' http://jsfiddle.net/hx86zhob/1/

legend
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle',
    floating: false

【讨论】：

嗨！感谢您的回复。但是，切换“false”可以解决这里的问题。但在我的情况下并没有解决问题:(

你能详细说明上面的例子有什么问题吗？它应该是什么样子？

这正是我想要的。经过一些调整后，我的图例位于图表之外，并在图表下方居中显示。 图例：布局：'水平'，对齐：'中心'，垂直对齐：'底部'，浮动：假，