Chart JS水平条形图和条形图的宽度

Question

我有一个水平条形图，该条形图对于页面而言太高（即用户必须向下滚动才能看到完整的图），并且该图上只有4条。

通过使用barThickness或category和bar百分比，我可以成功减小bar的宽度。问题在于这不会降低图表的整体高度，因为它只会在每个条形图之间创建更多的空间。

如何减小条形图和整个图表的宽度，以便用户不必滚动？

谢谢

Answer 1

通过直接在canvas标签中指定或在CSS中指定max-height来设置图表画布元素的高度。

相关链接：

• https://www.chartjs.org/docs/latest/#creating-a-chart
• Setting width and height

Answer 2

我通过另一篇文章的建议设法解决了这个问题。在下面的代码片段中，我添加了设置画布高度的行：-

            $("#dvChart5").html("");
            var canvas = document.createElement('canvas');
            canvas.height = 100;
            $("#dvChart5")[0].appendChild(canvas);