chart.js管理图形的高度以匹配数据

r1zhe5dt 于 2023-03-08 发布在 Chart.js

关注(0)|答案(1)|浏览(121)

我们使用chart.js来显示图表，但在一个地方有超过300个用户，当我们在图表中显示时，它看起来如下所示：

我尝试了chart.js功能，但它似乎不工作：

responsive: true,
maintainAspectRatio: false,

任何帮助都是非常感谢的。

1条答案

我们可以通过获取页面的高度并乘以没有标签的barpercentage来达到这个目的，它会得到百分比，我们可以在height的帮助下将其转换为px，然后将高度设置为canvas的父容器。

var h = $('body').height() * ((1 * data.labels.length)/100);
t.section.find("#"+target).parent().height(h)