responsive: false, width: 500, height: 500, 不生效
时间: 2024-03-02 09:54:23 浏览: 151
如果`responsive: false, width: 500, height: 500`设置不生效,可能是因为 Chart.js 版本较旧。在 Chart.js 2.9.0 及更高版本中,可以使用以下方法设置固定大小的图表:
```
var myChart = new Chart(ctx, {
type: 'bar',
data: data,
options: {
indexAxis: 'y',
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'Chart.js Bar Chart - Stacked'
}
},
layout: {
padding: {
left: 50,
right: 0,
top: 0,
bottom: 0
}
},
scales: {
x: {
stacked: true,
},
y: {
stacked: true
}
},
maintainAspectRatio: false,
responsive: false,
width: 500,
height: 500
},
});
```
需要注意的是,`maintainAspectRatio: false`属性也需要设置为`false`,否则图表的宽高比例会自动调整,导致宽度和高度设置失效。
阅读全文