// 创建一个echarts实例var myChart = echarts.init(document.getElementById(container));// 指定图表的配置项和数据var option = {title: {text: 天猫实时数据大屏,subtext: 实时展现天猫渠道的各种数据},tooltip: {trigger: axis},legend: {data: [成交额, 订单数, 访客数]},grid: {left: 3%,right: 4%,bottom: 3%,containLabel: true},toolbox: {feature: {saveAsImage: {}}},xAxis: {type: category,boundaryGap: false,data: [00:00, 01:00, 02:00, 03:00, 04:00, 05:00, 06:00, 07:00, 08:00, 09:00, 10:00, 11:00, 12:00, 13:00, 14:00, 15:00, 16:00, 17:00, 18:00, 19:00, 20:00, 21:00, 22:00, 23:00]},yAxis: {type: value},series: [{name: 成交额,type: line,stack: 总量,data: [120, 132, 101, 134, 90, 230, 210, 182, 100, 180, 232, 181, 133, 199, 160, 142, 130, 167, 129, 135, 110, 105, 90, 80]},{name: 订单数,type: line,stack: 总量,data: [220, 182, 191, 234, 290, 330, 310, 282, 200, 280, 332, 381, 333, 299, 360, 342, 288, 277, 296, 350, 310, 305, 290, 300]},{name: 访客数,type: line,stack: 总量,data: [150, 132, 101, 134, 90, 230, 210, 182, 100, 180, 232, 181, 133, 199, 160, 142, 130, 167, 129, 135, 110, 105, 90, 80]}]};// 设置图表选项myChart.setOption(option);
版权声明:本文版权归原创作者所有,不代表68创客网,如不慎侵犯了你的权益,请联系我们告知,我们将做删除处理,如若转载,请注明出处:http://www.ymbglwx68.com/a/show-6527.html