html - 親列を埋めるためのReact-Chartjsのスタイリング

Question

React-Chartjs 棒グラフでブートストラップ列全体を埋める方法が見つからないようです。

<Col sm={ 6 } className="text-center">
      <Panel>
          <h3 style={{color: "#bfbfbf"}}>1265</h3>
          <p>orders</p>
          <Bar width="100% !important" data={data} options={options}/>
      </Panel>
      <Panel>
          <h3 style={{color: "#bfbfbf"}}>1265</h3>
          <p>orders</p>
          <Bar style={{ width: "100% !important", height: "auto !important" }} data={data} options={options}/>
      </Panel>
</Col>

結果：

アプリケーションはさまざまなサイズの画面に表示されるため、静的入力を設定しないことを強くお勧めします。ここでは、レスポンシブ サイズが目標になります。