javascript - 垂直对齐标题 APEXCHARTS

Question

我使用 Apex 图表构建了这个图表

但“图表”标题和标题均未对齐，标题应相对于图形对齐，标题应垂直对齐。

通过放置属性对齐标题align: 'center'

但我的主要问题是在图例中，我在文档后面发现这个命令verticalAlign: 'middle'在“legend:”属性中使用。

有谁知道如何使它正常工作？

Answer 1

垂直对齐图例的解决方案是：

.apexcharts-legend {
  justify-content: center !important;
  top: 0 !important;
}

因为你必须强制覆盖默认值justify-conent: flex-start

编辑：您还需要top: 0 !important真正使其居中，但这可能会弄乱您的其他图表

我想这个答案对你来说已经晚了一年，但也许对其他人有帮助。

Answer 2

没有属性要求verticalAlign传说。

您可以使用 CSS 将图例垂直对齐到中心

.apexcharts-legend {
  justify-content: center;
}