谷歌可視化圖例格式jquery ui標籤

Question

我在使用Google Visualization api折線圖和Jquery UI選項卡時遇到了問題。

我在兩個選項卡上有兩個圖。第一個圖表，它默認顯示細膩可見：

隱藏的選項卡上的第二個圖表似乎搞亂了關鍵：

我試圖改變我做的選擇，但沒有似乎有任何區別。這裏是我的選擇：

options = { 'title': title, 
      titleTextStyle: { color: color, fontSize: 20 }, 
       'width': 950, 
       'height': 400, 
       hAxis: { 
        minorGridlines: { 
         count: x 
        } 
       }, 
       chartArea: 
       { 
        width: 880 
       }, 
       legend: { position: 'bottom', 
        textStyle: { fontSize: 10 } 
       } 
      }; 
      // Instantiate and draw our chart, passing in some options. 
      var chart = new google.visualization.LineChart(document.getElementById(divId)); 
      chart.draw(data, options); 
$('#tabs').tabs(); 

什麼是造成這種情況，以及如何防止它的任何想法？

編輯

如果我刪除tabs()調用它正確顯示。根據以下來自@Vipul的回答，嘗試將div設置爲固定寬度，沒有區別。

Answer 1

，你可以嘗試

1. 固定寬度設置爲標籤的div（S）

2. 第一繪製圖表，然後創建的標籤。 setTimeout（function（）{/ *編寫代碼以創建選項卡* /}，300）;}};}};