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
???????}]
???});
});
echarts中js面向对象编程
原文地址:https://www.cnblogs.com/cygis/p/8414756.html