ApexCharts 将图表高度动态设置为显示的行数水平条形图

问题描述

我正在尝试动态调整 ApexChart
的高度 (水平条形图,如https://apexcharts.com/javascript-chart-demos/timeline-charts/advanced/) 单击图例链接时,显示的行数会随着显示行数的变化而动态变化。

我目前正在通过
计算显示的行数 document.querySelector(".apexcharts-yaxis-texts-g").childElementCount;

无论我是从图表对象外部添加事件侦听器还是
当我使用图表选项中的事件时,我陷入恶性循环,因为
总是在之前计算行数,以增加或减少行数。

这将留给我调整图表高度的“前一个”行数。

你们有没有人在运行时改变了 ApexCharts 的高度? 不是在这里谈论响应式选项或一般的 %heights 但严格根据显示行数更改图表的高度。

感谢您的帮助!

解决方法

我也遇到过这个问题,我动态设置条形图高度的一种方法是将其高度设置为数据的长度 * 每个条形图应具有的高度,即 data.length * 50