javascript - 响应式调整 Kendo 图表大小(Typescript、Angular)

Question

我的目的是在 Kendo UI 中响应式地调整图表大小。目前，我正在测试该功能，因此我将其包装在 ng-click 函数中。

public Click(): void {

    if (typeof this.$scope.overviewPiechart !== 'undefined')
        this.$scope.overviewPiechart.refresh();
}

我将尺寸信息放置在 HTML 中的 k-chart-area 指令中:

k-chart-area="{height: {{ KC_PO_PCS.GetChartHeight() }}, width: {{ KC_PO_PCS.GetChartWidth() }}}"

预期的输出是图表将调整大小以填充页面，但实际输出是图表闪烁，然后重新加载，同时保持相同的大小。

我也尝试过overviewPiechart.redraw()

如何调整图表大小？

Answer 1

从评论中移走，看看它如何为您工作:

调用大小调整不是正确的吗？ http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-resize