【问题标题】:ApexCharts dynamically set chart height to number of shown rows (horizontal bar chart)ApexCharts 将图表高度动态设置为显示的行数(水平条形图)
【发布时间】:2021-04-18 15:28:14
【问题描述】:

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

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

无论我是从图表对象外部添加事件侦听器还是
当我使用图表选项中的事件时,我 陷入了一个恶性循环
行数总是在重绘图表时以更多或更少的行发生。

这将为我留下“以前的”行数来调整图表的高度。

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

感谢您的帮助!

【问题讨论】:

    标签: javascript charts bar-chart gantt-chart apexcharts


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-11-18
      • 1970-01-01
      • 2019-10-13
      • 1970-01-01
      • 2020-03-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多