echarts中js面向对象编程

Posted ma_jc93

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts中js面向对象编程相关的知识,希望对你有一定的参考价值。

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面向对象编程的主要内容,如果未能解决你的问题,请参考以下文章

JS-07 (js的面向对象编程)

JS面向对象

JS 面向对象 编程设计

JS中的面向对象编程

js面向对象编程

JS面向对象编程