ECharts 使用 showLoading

最新推荐文章于 2024-08-06 14:27:33 发布

原创最新推荐文章于 2024-08-06 14:27:33 发布 · 1.3w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

echarts 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用ECharts的showLoading和hideLoading方法实现数据加载过程中的等待提示效果，通过具体代码示例展示了如何结合Ajax请求进行加载提示的显示与隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用ECharts自带的showLoading方法进行提示：

var dom = document.getElementById('container');
var myChart = echarts.init(dom);
function chart() {
option = {
 /****/
}
}
myChart.showLoading({ text: '正在加载数据' });  //增加等待提示

$.post('/__sys/ajax_new.aspx?rmd='+ Math.random(),dataParam,function(data,textStatus){
    myChart.hideLoading(); //关闭提示
    var json = eval('('+ data +')');
    if(json != null && json != ""){
        chart(json);
    }else{
        alert("暂无数据哦！");
        return;
    }
});

通过使用showLoading()与hideLoading()，来进行等待信息的提示。