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 才能真正使其居中，但这可能会弄乱您的其他图表

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