Javascript Highcharts如何在设置数据处显示加载动画

我有海图。当我创建我的页面时，我会显示空的图形（我没有设置数据属性，只有图形的标题，里面是空的）。我异步地从服务器获取数据并调用

setData（）

函数在回调时调用。然而，用户看到一个空页面，我想为他们显示一个加载图像。这个：对我不起作用

---

有什么想法吗？

我按照给定URL的说明进行了操作：

function updateGraphic(url, chartName) {
    chartName.showLoading();
    $.getJSON(url, function(data){
        chartName.series[0].setData(data);
        chartName.hideLoading();
    });
}

---

我按照给定URL的说明进行了工作：

function updateGraphic(url, chartName) {
    chartName.showLoading();
    $.getJSON(url, function(data){
        chartName.series[0].setData(data);
        chartName.hideLoading();
    });
}

---

这是一个我经常用来显示加载的简单片段

假设这是我们的集装箱

<div id='container'>
  <img id="spinner" src="/assets/chart_loader.gif"/>
</div>

---

这是一个我经常用来显示加载的简单片段

假设这是我们的集装箱

<div id='container'>
  <img id="spinner" src="/assets/chart_loader.gif"/>
</div>

---

您可以使用此插件全局定义每个页面

用法是

  jQuery(document).ready(function ($) {
        $.ajaxSetup({ cache: false });
        $(document).ajaxStart(function () {
        $('body').block({
            message: '<h3><img alt="" class="GifIcon" src="Images/319.gif" />Please wait Data is Loading From Server ...... </h3>'
        });
    });
    $(document).ajaxStop(function () {
        $('body').unblock();
    });

});

jQuery（文档）.ready（函数（$）{
$.ajaxSetup（{cache:false}）；
$（文档）.ajaxStart（函数（）{
$（'body'）.block({
消息：“请稍候，数据正在从服务器加载……”
});
});
$（文档）.ajaxStop（函数（）{
$（'body'）.unblock（）；
});
});

您可以使用此插件全局定义每个页面

用法是

  jQuery(document).ready(function ($) {
        $.ajaxSetup({ cache: false });
        $(document).ajaxStart(function () {
        $('body').block({
            message: '<h3><img alt="" class="GifIcon" src="Images/319.gif" />Please wait Data is Loading From Server ...... </h3>'
        });
    });
    $(document).ajaxStop(function () {
        $('body').unblock();
    });

});

jQuery（文档）.ready（函数（$）{
$.ajaxSetup（{cache:false}）；
$（文档）.ajaxStart（函数（）{
$（'body'）.block({
消息：“请稍候，数据正在从服务器加载……”
});
});
$（文档）.ajaxStop（函数（）{
$（'body'）.unblock（）；
});
});

“加载…”这个词似乎太业余了。改用那个把戏吧

var chart = new Highcharts.Chart(options);
chart.showLoading('<img src="/images/spinner.gif">');

$.getJSON(url, function(data){
       //load data to chart
       chart.hideLoading();
});

var图表=新的Highcharts.chart（选项）；
图表。显示加载（“”）；
$.getJSON（url、函数（数据）{
//将数据加载到图表
chart.hideLoading（）；
});

“加载…”这个词似乎太业余了。改用那个把戏吧

var chart = new Highcharts.Chart(options);
chart.showLoading('<img src="/images/spinner.gif">');

$.getJSON(url, function(data){
       //load data to chart
       chart.hideLoading();
});

var图表=新的Highcharts.chart（选项）；
图表。显示加载（“”）；
$.getJSON（url、函数（数据）{
//将数据加载到图表
chart.hideLoading（）；
});

这对我很有用。为什么要投反对票？此外，提问者接受了他自己的答案，这根本不是“动画”，这对我来说很有用。为什么要投反对票？此外，提问者接受了他自己的答案，这根本不是“动画”。这有助于更新图形。但对我来说，它在启动时不起作用。它在更新图形时起作用。但对我来说，它在创业时不起作用。