echarts.json(模拟数据)
{
"code": 200,
"msg": "请求成功",
"data": {
"date": [
"2020-12-01",
"2020-12-02",
"2020-12-03",
"2020-12-04",
"2020-12-05",
"2020-12-06",
"2020-12-07",
"2020-12-08",
"2020-12-09",
"2020-12-10"
],
"pvuv": [
12,
32,
45,
67,
53,
75,
31,
83,
80,
100
]
}
}
关键方法(前面图表部分省略)
echartsRecords.showLoading();//加载动画
$.ajax({
type : "get",
async : true, //异步请求(同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行)
url : "./echarts.json",
dataType : "json", //返回数据形式为json
success : function(result) {
option.xAxis[0].data = result.data.date;
option.series[0].data = result.data.pvuv;
echartsRecords.hideLoading();
echartsRecords.setOption(option);
}
})