调整剑道图表

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();