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);
它在窗口调整大小事件和激活选项卡时调整选项卡条中的图表大小。