Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Chart.js 图表JS水平条形图条形图和图表的宽度_Chart.js - Fatal编程技术网

Chart.js 图表JS水平条形图条形图和图表的宽度

Chart.js 图表JS水平条形图条形图和图表的宽度,chart.js,Chart.js,我有一个水平条形图,对于页面来说太高了(即,用户必须向下滚动才能看到完整的图表),而图表上只有4个条形图 通过使用barThickness或category and bar percentage,我可以成功地减少钢筋的宽度。问题是,这并不会降低图表的整体高度,因为它只是在每个条形之间创建了更多的空间 如何减小条形图和整个图表的宽度,以便用户不必滚动 谢谢设置图表画布元素的高度,可以直接在画布标记中指定,也可以在CSS中指定最大高度 相关链接: 我利用另一篇帖子的建议设法修复了它。在以下代码

我有一个水平条形图,对于页面来说太高了(即,用户必须向下滚动才能看到完整的图表),而图表上只有4个条形图

通过使用barThickness或category and bar percentage,我可以成功地减少钢筋的宽度。问题是,这并不会降低图表的整体高度,因为它只是在每个条形之间创建了更多的空间

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


谢谢

设置图表画布元素的高度,可以直接在
画布
标记中指定,也可以在CSS中指定
最大高度

相关链接:


我利用另一篇帖子的建议设法修复了它。在以下代码段中,我添加了设置画布高度的行:-

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