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>