Highcharts Legend 问题：我想让 Legend 100% 宽度和文本中心对齐它在 crome 中工作正常但它在 firefox 中未居中对齐

Question

在 crome 和 firefox 上尝试 https://jsfiddle.net/74cgu6pm/7 你就会知道这个问题。legend: { width:'100%' },

Answer 1

如果您想要图例全宽并居中，您可以使用带有 HTML 和 CSS 的自定义图例，并使用 CSS 属性来设置它们的样式

display: flex;
justify-content: space-around;

否则使用 Highcharts

的 itemDistance 属性

legend: {
        itemDistance: 100
    },

Highcharts Legend issue: I Wanted to make Legend 100% width and text center align it works fine in crome but it is not aligned center in firefox