幅と高さを固定するCSSコード - ブートストラップ

Question

ウェブアプリケーションでカルーセルを使用しています。現在、次の矢印をクリックすると2つのグラフが表示されます。demo here. グラフの幅と高さが減少しています。私はどのように幅と高さを修正して、次の矢印をクリックしたときに減少しないのか理解できなかった。 私はこのリンクBootstrap carousel resizing imageを通過しましたが、それは私のために働いていませんでした。幅と高さ以上のデモに示すように、カルーセル第二に示すグラフの縮小なっサイズ、その後使用されているカルーセルを、（修正する方法をアドバイスしてください

jsのコード：。あなたがに

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false"> 

     <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 

     </ol> 
     <div class="carousel-inner"> 
    <div id='id1' class="item active"> 
     <table style="width:100%;height:80%;"> 
     <tr> 
    <td id="id1td" ng-controller="myController1"> 
     <div google-chart chart="myChart" style="height:100%; width:100%;" align="center"/> 
    </td> 
    </tr> 
    </table> 

    </div> 

    <div id='id2' class="item" ng-controller="myController2"> 
    <table style="width:100%;height:90%;"> 
     <tr style="height:5%;"> 
     <td> 
     <h1>Title and some content goes here----</h1> 
     </td> 
    <tr style="height:85%;"> 

    <td id="id2td"> 
    <div google-chart chart="myChart" style="height:100%; width:100%;" align="center"/> 
    </td> 
    </tr> 
    </table> 

    </div> 

    </div> 

     <!-- Left and right controls --> 
     <span class="left carousel-control" href="#myCarousel" data-slide="prev" > 
             <span class="glyphicon glyphicon-chevron-left"></span> 
            </span> 
            <span class="right carousel-control" href="#myCarousel" data-slide="next"> 
             <span class="glyphicon glyphicon-chevron-right"></span> 
     </span> 
</div> 

Answer 1

試すことができますオプション領域をグラフ化して幅と高さを設定します。。

chartArea: { 
      'height': '200', 
      'width': '200' 
     }