使 ApexCharts 圆环图的高度相等

Question

我正在使用 ApexCharts 的 React 版本，并且页面上有许多这样的图表，我希望所有图表的大小都相同，但是，图表的大小似乎包括大小在计算图表大小时，图例的大小会导致与具有较少值的图表相比，具有多个值的图表呈现压扁。

我试图让图表大小在计算渲染大小时不考虑图例大小，并将图例渲染在固定大小图表下方并占用它需要的任何大小。

我已经尝试通读文档并摆弄各种可用的图表选项，但它们似乎都根据包括图例在内的整个图表容器应用大小和百分比，而不仅仅是图表 svg 元素本身。

我怎样才能做到这一点？

Answer 1

如果你想让图例脱离流程，你可以使用

legend: {
  floating: true
}

然后使用偏移设置图例的位置。