Kendo ui KendoUI图表-加载数据时如何显示动画?

Kendo ui KendoUI图表-加载数据时如何显示动画?,kendo-ui,kendo-datasource,kendo-chart,Kendo Ui,Kendo Datasource,Kendo Chart,我有一个用JavaScript生成的KendoUI图表。有没有办法用命令清除绘图区域?用于在等待数据源读取远程数据时显示“正在加载…”图像 谢谢显示和隐藏加载动画是: // Display progress kendo.ui.progress($("#loading"), true); // Hide progress kendo.ui.progress($("#loading"), false); 然后,您应该在数据源中使用requestStart和requestEnd事件来了解何时显示或

我有一个用JavaScript生成的KendoUI图表。有没有办法用命令清除绘图区域?用于在等待数据源读取远程数据时显示“正在加载…”图像


谢谢

显示和隐藏加载动画是:

// Display progress
kendo.ui.progress($("#loading"), true);

// Hide progress
kendo.ui.progress($("#loading"), false);
然后,您应该在
数据源中使用
requestStart
requestEnd
事件来了解何时显示或隐藏进度动画

图表的数据源为:

dataSource    : {
    transport   : {
        read: {
            url:...
        }
    },
    sort        : {
        field: "year",
        dir  : "asc"
    },
    requestStart: function () {
        kendo.ui.progress($("#loading"), true);
    },
    requestEnd  : function () {
        kendo.ui.progress($("#loading"), false);

    }
},

这里的例子:

这是一个很好的解决方案!唯一的问题是加载图像挂在页面的中间——我在页面上有几个图表,因此加载图像必须包含在图表区域内:你将如何解决这个问题?谢谢问题是装载的集装箱需要有一个相对的定位。试试这个:3年后,这个仍然很好用。谢谢Telerik docs网站上有一个完整的例子:我想他们现在已经把它作为图书馆的一部分了。2年前不是这样吗。。。谢谢你的链接!