底部的传奇与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
    },

可能的解决方案:小提琴

Answer 2

默认情况下图表下方有图例，因此您可以legend完全省略该属性。请记住，为了使其看起来漂亮，您必须在底部边距中添加一点，否则图表和图例将重叠。

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

这是一个演示。