function fetchData(cb) { | |
// 通过 setTimeout 模拟异步加载 | |
setTimeout(function () { | |
cb({ | |
categories: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"], | |
data: [5, 20, 36, 10, 10, 20] | |
}); | |
}, 1000); | |
} | |
// 初始 option | |
option = { | |
title: { | |
text: '异步数据加载示例' | |
}, | |
tooltip: {}, | |
legend: { | |
data:['销量'] | |
}, | |
xAxis: { | |
data: [] | |
}, | |
yAxis: {}, | |
series: [{ | |
name: '销量', | |
type: 'bar', | |
data: [] | |
}] | |
}; | |
fetchData(function (data) { | |
myChart.setOption({ | |
xAxis: { | |
data: data.categories | |
}, | |
series: [{ | |
// 根据名字对应到相应的系列 | |
name: '销量', | |
data: data.data | |
}] | |
}); | |
}); |