javascript - Highcharts 图例与 X 轴重叠

Question

我正在设置图例位于折线图下方的图表。出于某种原因，图例似乎与其上方的 x 轴重叠。我对图例的设置如下:

 legend: {
            layout: 'horizontal',
            align: 'center',
            itemWidth: LegendWidth,
            verticalAlign: 'bottom',
            floating: true,
            margin: 25,
            borderWidth: 3,
            useHTML:true,
       }

LegendWidth 是动态设置的。我已经为 margin 添加了一个值，但它仍然重叠。

Answer 1

您应该将 legend.y 设置为某个正数以使其进一步向下移动。

legend: {
            layout: 'horizontal',
            align: 'center',
            itemWidth: LegendWidth,
            verticalAlign: 'bottom',
            floating: true,
            margin: 25,
            borderWidth: 3,
            useHTML:true,
            y : 25 /* pushes the legend 25 points down */
       }

Here is the doc , 和 here is a sample