調整劍道圖表

Question

我想調整一個劍道圖表。我在屏幕上有多個圖表，當我將其中一個拖到瀏覽器的特定區域時，我希望它調整大小。我最初在我的javascript中將chartArea設置爲400 x 400，然後使用下面的代碼來調整大小。

  $(id).kendoChart({ 
       chartArea: { 
        width: 200, 
        height: 200 
       } 
      }); 
      $(id).data("kendoChart").redraw(); 

前：

後：

爲什麼我的圖表去完全空白的，並沒有關於它的任何數據？

更新： 我注意到有趣的事情是，如果圖表第二次重繪，它會正確顯示（即當我將第二個圖表拖到該區域時，第一個圖表重繪並且是正確的，但第二個圖表是現在沒有正確顯示）。

Answer 1

如the API docs所示，以調整圖表的大小正確的方法是如下：

var c = $("#chart"); 
c.kendoChart({ 
    //options 
}); 

//Then later 
c.css("width", "800px") 
    .data("kendoChart").resize();