Kendo MVC 图表 - 如何在加载数据时显示动画？

Question

我有一个用 asp.net 核心生成的剑道图表。有没有办法在 MVC 图表上设置加载指示器？在等待 DataSource 读取远程数据时。

谢谢。

Answer 1

如果您在项目中使用通用加载 gif，并且通过 AJAX 调用带来图表数据，则可以在 AJAX 调用之前显示加载 gif，并在 AJAX 调用结果之后隐藏。 您可以在此处研究下面的示例代码：

function GetData(string id)
{
    $('#loading').show();
    $.ajax({
        type: "GET",
            url: "/Report/GetGraphicDefectList",
            datatype: "Json",
            data: {
                recordId: id
            },
            success: function (data) {
                if (data.length > 0) {
                    PushDataToChart();
                    $('#loading').hide();
                    event.preventDefault();
                    return false;
                }
                else{
                   $('#loading').hide();
                    event.preventDefault();
                    return false; 
                }
            },
            error: function () {
                $('#loading').hide();
                event.preventDefault();
                return false;
            }
        });
    };
}