[echarts]使用ajax获取数据作图showLoading()失效问题解决
使用ajax获取数据作图showLoading()失效问题解决
·
原代码:
//散点图
function displacementAnalysisChart() {
displacementAnalysis.clear();
displacementAnalysis.showLoading({text: '正在努力的读取数据中...'});
$.ajax({
async: true,
dataType: 'json',
data: {analysisParameter:$("#analysisParameter").val()},
type: 'post',
url: '${ctx}/completeMachine/displacementAnalysisChart',
success: function (data) {
if (data.code == 200) {
displacementAnalysis.setOption(data.data);
} else {
parent.$.jBox.tip(data.message);
}
}
});
displacementAnalysis.hideLoading();
}
此时showLoading()方法失效,不管获取数据耗费多久都没有等待动画。
原因:hideLoading()方法放错地方,应该写在ajax中
修改后:
//散点图
function displacementAnalysisChart() {
displacementAnalysis.clear();
displacementAnalysis.showLoading({text: '正在努力的读取数据中...'});
$.ajax({
async: true,
dataType: 'json',
data: {analysisParameter:$("#analysisParameter").val()},
type: 'post',
url: '${ctx}/completeMachine/displacementAnalysisChart',
success: function (data) {
if (data.code == 200) {
displacementAnalysis.setOption(data.data);
//放这里
displacementAnalysis.hideLoading();
} else {
parent.$.jBox.tip(data.message);
}
}
});
}
问题解决,可以正常显示动画效果

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)