调整剑道图表大小

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