javascript - 底部图例与高图

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
    },

可能的解决方案：小提琴

Answer 2

图表下方的图例是默认设置，因此您可以legend完全省略该属性。请记住，要使这看起来不错，您必须在底部边距添加一点，否则图表和图例将重叠。

chart: {
    type: 'line',
    marginRight: 130,
    marginBottom: 70 // Increase this to 70 or so
},
// Remove the legend property completely

这是一个演示。