问题描述
在 crome 和 firefox 上尝试 https://jsfiddle.net/74cgu6pm/7,您将了解问题所在。legend: { width:'100%' },
解决方法
如果您想要全宽并使图例居中,您可以使用带有 HTML 和 CSS 的自定义图例,并使用 CSS 属性来设置它们的样式
display: flex;
justify-content: space-around;
否则使用 Highcharts 的 itemDistance 属性
legend: {
itemDistance: 100
},