Responsive design dataviz对象的kendo.resize

Responsive design dataviz对象的kendo.resize,responsive-design,twitter-bootstrap-3,kendo-dataviz,kendo-chart,Responsive Design,Twitter Bootstrap 3,Kendo Dataviz,Kendo Chart,在window.resize函数中使用kendo.resize时出现问题。我需要为剑道图表引导3个功能,当我更改浏览器大小时,我使用了kendo.resize功能。图表重新调整大小工作完美,只有图表在可见区域。例如,当我单击选项卡1并重新调整浏览器图表的大小时,我的剑道选项卡带两个选项卡和两个图表(选项卡1-图表1,选项卡2-图表2),浏览器图表将重新调整大小,然后转到选项卡2。当我重新调整浏览器的大小时,图表2仍处于以前的大小 我建议看看剑道网站上的例子: 这正是您的要求: 下面是一个示例代

在window.resize函数中使用kendo.resize时出现问题。我需要为剑道图表引导3个功能,当我更改浏览器大小时,我使用了kendo.resize功能。图表重新调整大小工作完美,只有图表在可见区域。例如,当我单击选项卡1并重新调整浏览器图表的大小时,我的剑道选项卡带两个选项卡和两个图表(选项卡1-图表1,选项卡2-图表2),浏览器图表将重新调整大小,然后转到选项卡2。当我重新调整浏览器的大小时,图表2仍处于以前的大小

我建议看看剑道网站上的例子:

这正是您的要求:

下面是一个示例代码:

    function resizeTabStripContent() {
        kendo.resize("#tabstrip");
    }

    $("#tabstrip").kendoTabStrip({
        animation: {
            open: { effects: "fadeIn" }
        },
        activate: resizeTabStripContent
    });

    // resize nested charts when window resizes
    $(window).resize(resizeTabStripContent);

它会在窗口调整大小事件和激活选项卡时调整选项卡条中的图表大小。

这似乎会在运行时疯狂地消耗CPU,是否有可能进行更改以最小化此问题?