$(function(){ var h = WST.pageHeight(); $('#main').height(h-50); var laydate = layui.laydate; laydate.render({ elem: '#startDate' }); laydate.render({ elem: '#endDate' }); loadStat(); }); function loadStat(){ var loading = WST.msg('正在查询数据,请稍后...', {icon: 16,time:60000}); $.post(WST.U('admin/reports/statOrders'),WST.getParams('.ipt'),function(data,textStatus){ layer.close(loading); var json = WST.toAdminJson(data); var myChart = echarts.init(document.getElementById('main')); myChart.clear(); if(json.status=='1' && json.data){ var option = { tooltip : { trigger: 'axis' }, toolbox: { show : true, y: 'top', feature : { mark : {show: true}, dataView : {show: false, readOnly: false}, magicType : {show: true, type: ['line', 'bar', 'tiled']}, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, legend: { data:['电脑端','微信端','触屏端','安卓端','苹果端'] }, xAxis : [ { type : 'category', splitLine : {show : false}, data : json.data.days } ], yAxis : [ { type : 'value', position: 'right' } ], series : [ { name:'电脑端', type:'line', tooltip : {trigger: 'item'}, stack: '来源', data:json.data['p0'] }, { name:'微信端', type:'line', tooltip : {trigger: 'item'}, stack: '来源', data:json.data['p1'] }, { name:'触屏端', type:'line', tooltip : {trigger: 'item'}, stack: '来源', data:json.data['p2'] }, { name:'安卓端', type:'line', tooltip : {trigger: 'item'}, stack: '来源', data:json.data['p3'] }, { name:'苹果端', type:'line', tooltip : {trigger: 'item'}, stack: '来源', data:json.data['p3'] }, { name:'销售额', type:'line', data:json.data['total'] }, { name:'销售来源细分', type:'pie', tooltip : { trigger: 'item', formatter: '{a}
{b} : {c} ({d}%)' }, center: [160,130], radius : [0, 50], itemStyle : { normal : { labelLine : { length : 20 } } }, data:[ {value:json.data.map.p0, name:'电脑端'}, {value:json.data.map.p1, name:'微信端'}, {value:json.data.map.p2, name:'触屏端'}, {value:json.data.map.p3, name:'安卓端'}, {value:json.data.map.p4, name:'苹果端'} ] } ] }; myChart.setOption(option); }else{ WST.msg('没有查询到记录'); } }); }