首页 > 解决方案 > Chartjs:条形宽度

问题描述

我想控制 Chartjs 条形图的条形宽度,可以在其中可视化如下内容: 在此处输入图像描述

可以看出,有一个水平滚动条可以帮助来回移动以显示整个数据集。我尝试对 ChartJs 做同样的事情,在寻找一种控制条形宽度的方法后我没有找到任何东西,所以我将响应功能设置为 false 并将画布的宽度设置为 10000px 但我得到了类似以下的内容: 在此处输入图像描述

似乎在呈现图形后,它会被拉伸以适应画布宽度,这不是我想要的。所以,假设有一个参数来控制条形宽度,我在哪里可以找到它。

标签: canvaschart.js

解决方案


要修复拉伸,您需要添加maintainAspectRatio: false到您的选项中,并且条形宽度由 控制barThickness: number


推荐阅读