底部的传奇与highcharts

Question

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

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

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

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

THX

Answer 1

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

 chart: {
        marginBottom: 100
    },

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

可能的解决方案：fiddle

Answer 2

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

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

Here's a demonstration