分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

echarts中js面向对象编程

发布时间:2023-09-06 01:41责任编辑:郭大石关键词: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面向对象编程

原文地址:https://www.cnblogs.com/cygis/p/8414756.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved