我正在react中用chart.js制作折線圖，但是我遇到了一個問題。我的圖表在大屏幕上只占其父圖表的50%左右(移動設備工作正常)。我已經嘗試在css中設置畫布寬度和內嵌css寬度，但是似乎沒有任何效果。 我在下面加了一張圖片: 密碼

options: {
        animation: false,
        maintainAspectRatio: true,
        responsive: true,
        scales: {
          x: {
            type: 'time',
            time: {
              unit: 'day',
            },
          },
        },
      },


<div className="dash-content-child" id="dash-graph-container">
  <canvas id="canvasRef" ref={canvasRef}></canvas>
</div>

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

#dash-graph-container{
          grid-area: 2 / 1 / 3 / 3;
          width: 100%;
          height: 99%;
          animation: none;
          transition: none;
          padding: 0;
   #canvasRef{
     width: 100%;
   }
}

我試圖添加更多的數據，但它試圖擠進去，而不是拉伸它

這里的高度是99%,因為如果我把它放大到100%,它會變成原來的3倍，出于某種原因，請隨意給出建議，:D