响应调整剑道图表(打字稿,角度)

时间:2016-03-07 17:50:45

标签: javascript angularjs typescript kendo-ui

我的目的是响应性地调整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()

如何才能使我的图表调整大小?

1 个答案:

答案 0 :(得分:0)

从评论中看出它的效果如何:

呼叫是否调整大小? http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-resize