Google Chartがチャートエリアに正しく表示されない

Question

実際には、ダイナミックデータを実装しているときにGoogleのチャートに関連しています。ここで問題が発生したときChart.Supposeに特定のデータが表示されているタブをクリックしているとき現在の日をクリックすると、チャートの下の結果が表示されます

先週uは現在の日再び押すと、文字がグラフ領域は、最初のクリックと第二のクリック

を持った後、正常に動作していない。ここで、この

のように表示されていると仮定チャート領域に正しく

をチャートが表示されていません

`google.charts.load('current', { 'packages': ['bar'] }); 

$('#t1').click(function() { 
    google.charts.setOnLoadCallback(BarC); 
    function BarC() { 

     var jsonData = $.ajax({ 
      type: 'GET', 
      url: xxxx.xxxx.xxxx, 

      dataType: 'json', 

     }).done(function (results) { 

      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'data1'); 
      data.addColumn('number', 'data2'); 
      data.addColumn('number', 'data3'); 
      data.addColumn('number', 'data4'); 

      data.addRows(results.length); 
      for (i = 0; i < results.length; i++) { 
       data.setValue(i, 0, results[i]["data1"]); 
       data.setValue(i, 1, parseInt(results[i]["data2"])); 
       data.setValue(i, 2, parseInt(results[i]["data3"])); 
       data.setValue(i, 3, parseInt(results[i]["data4])); 
      } 

      var options = { 

       backgroundColor: 'transparent', 

       bars: 'vertical', 
       chartArea: { left: 0, top: 0, width: '100%', height: '100%' }// Required for Material Bar Charts. 
      }; 

      var chart = new google.charts.Bar(document.getElementById('chart')); 
      chart.draw(data, google.charts.Bar.convertOptions(options)); 
     } 
     ); 
    } 

});` 

Answer 1

チャートのコンテナは、グラフを描画する前に表示されるまで待つ必要が

google.charts.setOnLoadCallback(function() { 

    $('#t1').click(function() { 
    // ... 
    }); 

    $('#t2').click(function() { 
    // ... 
    }); 

    // ... 

}); 

https://embed.plnkr.co/19CellQvdGZTjzf9hikU/