画面を縮小した後の出力を反映するHTMLコード

Question

Angular JS UI5アプリケーションでキャンバス（グラフ）を使用しています。グラフの幅を広げたいだけです。グラフのサイズを代わりに変更しないと、画面を縮小すると反映されます。

誰でも私に知らせることができますか？

<div class='col-sm-12'> 
    <div class='form-group col-sm-6' ng-show ='showBar === "1"'> 
     <div id="chartContainer" style="height: 400px; width: **100**%;"> 
     </div> 
    </div> 
<div class='col-sm-12'> 
    <div class='form-group col-sm-6' ng-show ='showBar === "1"'> 
     <div id="chartContainer" style="height: 400px; width: **160**%;"> 
     </div> 
    </div>/ 

`

Answer 1

あなたのブートストラップグリッドは限定的であり、コンテナの列のサイズを書式設定されています。

"#chartContainer"のCSSの位置と幅を上書きすることができます（強制的に上書きするにはImportantを使用します）。ただし、グリッド構造が壊れる可能性があります。

キャンバスのサイズは、親コンテナのサイズを超えません。

An explanation of Bootstrap Grid System