Chart.js 无法在图表js中设置画布上的宽度和高度

Chart.js 无法在图表js中设置画布上的宽度和高度,chart.js,Chart.js,我无法在画布上设置宽度和高度,这将占用身体上可用的全部高度和宽度 你能帮忙吗? 我需要向下滚动才能看到图表 var ctx=document.getElementById('myChart').getContext('2d'); 数据={ 数据集:[{ 数据:[10,20,30,50], 背景颜色:[“ff6384”、“36a2eb”、“cc65fe”、“ffce56”], 边框宽度:['1','1','1','1'] }], 标签:[“红色”、“黄色”、“蓝色”、“绿色”] }; var

我无法在画布上设置宽度和高度,这将占用身体上可用的全部高度和宽度

你能帮忙吗? 我需要向下滚动才能看到图表


var ctx=document.getElementById('myChart').getContext('2d');
数据={
数据集:[{
数据:[10,20,30,50],
背景颜色:[“ff6384”、“36a2eb”、“cc65fe”、“ffce56”],
边框宽度:['1','1','1','1']
}],
标签:[“红色”、“黄色”、“蓝色”、“绿色”]
};
var myDoughnutChart=新图表(ctx{
键入:“甜甜圈”,
数据:数据,
选项:{
图例:{
显示:假,
回答:错
}
}
});

您必须将其放在container div元素中,并设置容器上的宽度和高度,就像中提到的那样


<div class="chart-container" style="position: relative; height:40vh; width:80vw">
    <canvas id="chart"></canvas>
</div>