javascript - 底部带有 Highcharts 的图例

Question

我正在使用 highcharts 绘制一些图表。我使用这样的基本线图:

http://www.highcharts.com/demo/spline-irregular-time

如何将图例显示在图表区域下方而不是右侧？

http://www.highcharts.com/demo/column-stacked-percent

谢谢

Answer 1

marginBottom 可用于将图例放在图表底部。您仍然可以使用图例属性来移动图例，例如在中间或右侧(我使用居中)。

 chart: {
        marginBottom: 100
    },

    legend: {
        align: 'center',
        verticalAlign: 'bottom',
        x: 0,
        y: 0
    },

可能的解决方案:fiddle