在使用Angular chart js绘制条形图时,设置宽度无法生效,这可能是因为默认情况下,条形图的宽度由数据点数目和尺寸决定。
解决办法是手动指定条形的宽度。可以使用下面的代码设置固定的条形宽度:
HTML:
JS:
$scope.options = {
scales: {
xAxes: [{
barWidth: 50 // 设置条形宽度
}]
}
};
在此示例中,将条形宽度设置为50。
这将覆盖默认的自适应宽度,并使所有的条形都使用相同的宽度。调整数字可以更改条形的宽度。