responsive-design - kendo.resize 用于 dataviz 对象

Question

在 window.resize 函数中使用 kendo.resize 时出现问题。我需要为剑道图表引导 3 个功能主义者，当我更改浏览器大小时，我使用了 kendo.resize 函数。图表调整大小仅适用于可见区域的图表。例如，我有带有两个带有 2 个图表的标签的剑道标签条（标签 1 -chart1，标签 2-图表 2）当我单击标签 1 并调整大小时，浏览器图表将重新调整大小，然后转到标签 2 图表 2 仍然当我重新调整浏览器的大小时，以以前的大小重新调整大小。

Answer 1

我建议看剑道网站上的例子：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);

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