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

r1zhe5dt  于 2023-03-08  发布在  Chart.js
关注(0)|答案(1)|浏览(100)

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

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

responsive: true,
maintainAspectRatio: false,

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

yacmzcpb

yacmzcpb1#

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

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

相关问题