Javascript 调整剑道图的大小

我正在尝试调整剑道图的大小。我在屏幕上有多个图表，当我将一个图表拖到浏览器的特定区域时，我希望它能够调整大小。我最初在javascript中将我的chartArea设置为400x400，然后使用以下代码调整大小

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

之前：

之后：

为什么我的图表一片空白，上面没有任何数据

更新： 有趣的是，我注意到，如果图表第二次重新绘制时显示正确（即，当我将第二个图表拖到该区域时，第一个图表重新绘制并正确显示，但第二个图表现在未正确显示）。

如中所示，调整图表大小的正确方法如下所示：

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

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

---

谢谢，我可以把我的尺寸改成css，一切都很顺利。