如何在等待图表图像时显示加载文本和/或图形ActionResult返回图表？

Question

我有以下观点：

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@{
    ViewBag.Title = "CreatedIndicator";
}

<h2>Created Indicator</h2>

<img src="@Url.Action("MyChart")" alt="SimpleChart" />

使用返回System.Web.Helpers图表的MyChart ActionResult创建图像：

// Chart data setting from SQL getting
.GetBytes("png");
return File(testChart, "image/png");

由于在后台进行的所有查询都是为了构建图表，因此有些情况下，在页面的其余部分加载后，图像可能需要5秒以上才能显示在页面上。

我想知道是否可以显示某种用户界面来指示图表在加载之前是否正在构建，如果是，那么该怎么做。

Answer 1

HTML img标记具有onload事件，可以处理该事件以隐藏等待的文本/图形。