Html 如何使chartjs饼图响应

我无法从chartJs制作饼图，当屏幕变为手机大小时，图表就不可见了。 下面是我的html代码

<canvas id="MyPieChart" width="200" height="200" ></canvas>

---

如文档中所述，要使图表具有响应性，您需要将其放入一个div中，使其具有响应性（）

    var ctx = document.getElementById("MyPieChart").getContext("2d");
    var myChart = new Chart(ctx, {
        type: 'pie',
        
        // The data for our dataset
        data: {
            labels: labeldata,
            datasets: [{
                label: 'My First dataset',
                backgroundColor: ["#F57F17", "#F9A825", "#FBC02D" ,"#FDD835","#FFEB3B","#FFEE58", "#FFF176", "#FFF59D" ,"#FFF9C4","#FFFDE7","#FFE082", "#FFD54F", "#FFCA28" ,"#FFC107","#FFB300"],
                data: numericdata
            }]
        },
        
        // Configuration options go here
        options: {
             
            display:true,
            text:'Time Used In A Day Chart (Shown in %)',
            responsive: true,
            maintainAspectRatio:false,
            showScale: false
        }
    });
    

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