Highcharts图例与图形区域重叠

我用海图画出了很多部分的折线图。我希望图例在图表区域的底部是静态的。图形区域的高度可以固定，但图例可以动态更改

我正在为图例对象使用以下选项

legend: {
        
        useHTML: true,
        enabled: true,
        reversed: false,
        verticalAlign: 'bottom',
        floating: true,                              
        align: 'center',
        padding: 10,
        margin: 20,
        itemDistance: 10,
        itemStyle: {
            'font-size': '14px',
            'color': colors.greyDark,
            'font-family': fonts.proximaNovaBold,
            'letter-spacing': '0',
            'line-height': '17px',
            'text-align': 'center',
        },
        itemMarginBottom: 10,
        x: 0,
        y: 100
    },

我把它复制在小提琴上了

---

有没有办法修复这个问题，并将图例粘贴到底部。所有图例都需要显示，因为图形将作为静态图像导出。

图例与图表重叠的主要原因有两个：

手动设置图表边距时，图表不会为图例保留空间。 启用“图例浮动”选项时，显式允许图例重叠 应用程序编程接口： 这里的解决方案是删除前面提到的属性，让图表计算图例的位置。 但是，如果要将此图表导出为包含所有图例项的静态图像，则必须指定每个元素的大小，并使用一些溢出样式对其进行剪切。 您还可以减小它们之间的间距，以增加图表区域

图例：{ 是的， 启用：对， 相反：错， 项目宽度：120， 项目样式：{ “字体大小”：“14px”， “颜色”：colors.greyDark， “字体系列”：fonts.proximaNovaBold， “字母间距”：“0”， “行高”：“17px”， “文本对齐”：“居中”， text溢出：省略号 }, }, API: 现场演示：

---

图例与图表重叠的主要原因有两个：

手动设置图表边距时，图表不会为图例保留空间。 启用“图例浮动”选项时，显式允许图例重叠 应用程序编程接口： 这里的解决方案是删除前面提到的属性，让图表计算图例的位置。 但是，如果要将此图表导出为包含所有图例项的静态图像，则必须指定每个元素的大小，并使用一些溢出样式对其进行剪切。 您还可以减小它们之间的间距，以增加图表区域

图例：{ 是的， 启用：对， 相反：错， 项目宽度：120， 项目样式：{ “字体大小”：“14px”， “颜色”：colors.greyDark， “字体系列”：fonts.proximaNovaBold， “字母间距”：“0”， “行高”：“17px”， “文本对齐”：“居中”， text溢出：省略号 }, }, API: 现场演示：

---

感谢您提供最新款式。经过几次修改后，这帮助我解决了问题。我接受这个回答，谢谢你的更新款式。经过几次修改后，这帮助我解决了问题。我接受这个答案