問題
在使用ECharts渲染date時翅睛,由于從后臺執(zhí)行獲取到前臺需要3-4s,想要通過增加正在執(zhí)行家卖,請等待這類提示信息提升用戶感知
方案
使用ECharts自帶的showLoading
方法進行提示:
eChartsCpu = echarts.init(document.getElementById(ipArr[idx]+'echarts'));
eChartsCpu.showLoading({
text : '正在加載數(shù)據(jù)'
}); //增加提示
··· //省略通過ajax異步獲取數(shù)據(jù)庙楚,獲取數(shù)據(jù)完成后上荡,調(diào)用下面function
//function中echarts部分代碼
var option = {···}
eChartsCpu .hideLoading(); //提示關閉
eChartsCpu .setOption(option);
通過使用showLoading()
與hideLoading()
,來進行等待信息的提示馒闷。
未解決問題
通過在echarts.js中通過查找version
酪捡,得到所用版本為version: '3.6.2'
,在官方2.0版本API中纳账,找到一些可配置選項:
在使用
effect: 'dynamicLine'
時發(fā)現(xiàn)沒起作用……難道是版本問題逛薇?
在3.0文檔
教程--異步數(shù)據(jù)加載和更新
中,沒有找到effect
具體配置……容我再想想