kendo.resize for dataviz object



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

我建议看看剑道网站上的例子:http://demos.telerik.com/kendo-ui/bootstrap/

这正是您的要求:

下面是一个示例代码:

    function resizeTabStripContent() {
        kendo.resize("#tabstrip");
    }
    $("#tabstrip").kendoTabStrip({
        animation: {
            open: { effects: "fadeIn" }
        },
        activate: resizeTabStripContent
    });
    // resize nested charts when window resizes
    $(window).resize(resizeTabStripContent);

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

相关内容

  • 没有找到相关文章

最新更新