问题描述
我正在尝试动态调整 ApexChart
的高度
(水平条形图,如https://apexcharts.com/javascript-chart-demos/timeline-charts/advanced/)
单击图例链接时,显示的行数会随着显示行数的变化而动态变化。
我目前正在通过
计算显示的行数
document.querySelector(".apexcharts-yaxis-texts-g").childElementCount;
无论我是从图表对象外部添加事件侦听器还是
当我使用图表选项中的事件时,我陷入恶性循环,因为
总是在之前计算行数,以增加或减少行数。
这将留给我调整图表高度的“前一个”行数。
你们有没有人在运行时改变了 ApexCharts 的高度? 不是在这里谈论响应式选项或一般的 %heights 但严格根据显示行数更改图表的高度。
感谢您的帮助!
解决方法
我也遇到过这个问题,我动态设置条形图高度的一种方法是将其高度设置为数据的长度 * 每个条形图应具有的高度,即 data.length * 50