(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5e53817c"],{3142:function(a,t,e){"use strict";e.r(t);var i=e("7a23");const d={id:"big-data-container",class:"big-data-container"},o=Object(i["createStaticVNode"])('<div class="head" data-v-7ef231a1><h1 data-v-7ef231a1>大屏数据统计分析显示</h1></div><div class="data-container" data-v-7ef231a1><div class="data-left" data-v-7ef231a1><div class="data-left-item" data-v-7ef231a1><div class="title" data-v-7ef231a1>商品销量分类</div><div id="chart-vleft-1" style="height:calc(100% - 30px);" data-v-7ef231a1></div><div class="data-foot-line" data-v-7ef231a1></div></div><div class="data-left-item" data-v-7ef231a1><div class="title" data-v-7ef231a1>本月商品销量</div><div id="chart-vleft-3" style="height:calc(100% - 30px);" data-v-7ef231a1></div><div class="data-foot-line" data-v-7ef231a1></div></div><div class="data-left-item" data-v-7ef231a1><div class="title" data-v-7ef231a1>7日订单销量</div><div id="chart-vleft-2" style="height:calc(100% - 30px);" data-v-7ef231a1></div><div class="data-foot-line" data-v-7ef231a1></div></div></div><div class="data-center" data-v-7ef231a1><div class="center-top-num" data-v-7ef231a1><div class="item" data-v-7ef231a1><div class="text" data-v-7ef231a1>累计销量</div><div class="num" data-v-7ef231a1>220,000</div></div><div class="item" data-v-7ef231a1><div class="text" data-v-7ef231a1>累计销售金额</div><div class="num" data-v-7ef231a1>58,000,000</div></div><div class="item" data-v-7ef231a1><div class="text" data-v-7ef231a1>购买用户人数</div><div class="num" data-v-7ef231a1>15,000</div></div><div class="data-foot-line" data-v-7ef231a1></div></div><div class="center-top" style="height:260px;padding-top:25px;overflow:hidden;" data-v-7ef231a1><div id="chart-vgauge-1" style="height:400px;" data-v-7ef231a1></div><div class="data-foot-line" data-v-7ef231a1></div></div><div class="title" data-v-7ef231a1>订单销售统计</div><div id="chart-vcenter" style="height:400px;" class="chart-vcenter" data-v-7ef231a1></div></div><div class="data-right" data-v-7ef231a1><div class="data-right-item" data-v-7ef231a1><div class="title" data-v-7ef231a1>销售情况走势</div><div id="chart-vright-1" style="height:calc(100% - 30px);" data-v-7ef231a1></div><div class="data-foot-line" data-v-7ef231a1></div></div><div class="data-right-item" style="height:220px;padding-top:25px;" data-v-7ef231a1><div id="chart-vgauge-2" style="height:300px;" data-v-7ef231a1></div><div class="data-foot-line" data-v-7ef231a1></div></div><div class="data-right-item right-3" data-v-7ef231a1><div class="title" data-v-7ef231a1>商品销售排行</div><div id="chart-vright-3" class="right-item" data-v-7ef231a1><div class="item" data-v-7ef231a1><div class="top" data-v-7ef231a1>排名</div><div class="pro-name" data-v-7ef231a1>商品名称</div><div class="num" data-v-7ef231a1>销量</div><div class="num" data-v-7ef231a1>销售金额</div></div><div class="item" data-v-7ef231a1><div class="top top-1" data-v-7ef231a1><span data-v-7ef231a1>1</span></div><div class="pro-name" data-v-7ef231a1>卡帝乐鳄鱼</div><div class="num" data-v-7ef231a1>2,200</div><div class="num" data-v-7ef231a1>360,00</div></div><div class="item" data-v-7ef231a1><div class="top top-2" data-v-7ef231a1><span data-v-7ef231a1>2</span></div><div class="pro-name" data-v-7ef231a1>春夏男T恤</div><div class="num" data-v-7ef231a1>1,700</div><div class="num" data-v-7ef231a1>24,500</div></div><div class="item" data-v-7ef231a1><div class="top top-3" data-v-7ef231a1><span data-v-7ef231a1>3</span></div><div class="pro-name" data-v-7ef231a1>男女同款休闲鞋</div><div class="num" data-v-7ef231a1>1,120</div><div class="num" data-v-7ef231a1>12,700</div></div></div><div class="boxfoot" data-v-7ef231a1></div></div></div></div>',2),l=[o];function s(a,t,e,o,s,v){return Object(i["openBlock"])(),Object(i["createElementBlock"])("div",d,l)}var v=e("313e");let n={tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"0%",top:"10px",right:"0%",bottom:"4%",containLabel:!0},xAxis:[{type:"category",data:["商超门店","教育培训","房地产","生活服务","汽车销售","旅游酒店","五金建材"],axisLine:{show:!0,lineStyle:{color:"rgba(255,255,255,.1)",width:1,type:"solid"}},axisTick:{show:!1},axisLabel:{interval:0,show:!0,splitNumber:15,textStyle:{color:"rgba(255,255,255,.6)",fontSize:"12"}}}],yAxis:[{type:"value",axisLabel:{show:!0,textStyle:{color:"rgba(255,255,255,.6)",fontSize:"12"}},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"rgba(255,255,255,.1\t)",width:1,type:"solid"}},splitLine:{lineStyle:{color:"rgba(255,255,255,.1)"}}}],series:[{type:"bar",data:[200,600,300,900,1500,1200,600],barWidth:"35%",itemStyle:{normal:{color:"#2f89cf",opacity:1,barBorderRadius:5}}}]},r={tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"0%",top:"10px",right:"0%",bottom:"4%",containLabel:!0},xAxis:[{type:"category",data:["07.01","07.02","07.03","07.04","07.05","07.06"],axisLine:{show:!0,lineStyle:{color:"rgba(255,255,255,.1)",width:1,type:"solid"}},axisTick:{show:!1},axisLabel:{interval:0,show:!0,splitNumber:15,textStyle:{color:"rgba(255,255,255,.6)",fontSize:"12"}}}],yAxis:[{type:"value",axisLabel:{show:!0,textStyle:{color:"rgba(255,255,255,.6)",fontSize:"12"}},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"rgba(255,255,255,.1\t)",width:1,type:"solid"}},splitLine:{lineStyle:{color:"rgba(255,255,255,.1)"}}},{type:"value",axisLabel:{show:!0,textStyle:{color:"rgba(255,255,255,.6)",fontSize:"12"}},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"rgba(255,255,255,.1\t)",width:1,type:"solid"}},splitLine:{lineStyle:{color:"rgba(255,255,255,.1)"}}}],series:[{type:"bar",name:"销量",data:[1200,800,300,500,560,220],barWidth:"25%",itemStyle:{normal:{color:"#2f89cf",opacity:1,barBorderRadius:5}}},{type:"bar",name:"订单",data:[1e3,750,380,450,450,120],barWidth:"25%",itemStyle:{normal:{color:"#46d000",opacity:1,barBorderRadius:5}}}]},c={tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"0%",top:"-5px",right:"3%",bottom:"4%",containLabel:!0},xAxis:{type:"value",axisLabel:{show:!0,textStyle:{color:"rgba(255,255,255,.6)",fontSize:"12"}},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"rgba(255,255,255,.1\t)",width:1,type:"solid"}},splitLine:{lineStyle:{color:"rgba(255,255,255,.1)"}}},yAxis:{type:"category",axisLabel:{show:!0,textStyle:{color:"rgba(255,255,255,.6)",fontSize:"12"}},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"rgba(255,255,255,.1\t)",width:1,type:"solid"}},splitLine:{lineStyle:{color:"rgba(255,255,255,.1)"}},data:["周一","周二","周三","周四","周五"]},series:[{name:"直接访问",type:"bar",stack:"总量",label:{show:!0,position:"insideRight"},barWidth:"55%",itemStyle:{normal:{color:"#2f89cf",opacity:1,barBorderRadius:5}},data:[120,302,400,200,700]}]},f={title:{},tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},color:["#ffab6f","#09b916","#83cddc"],legend:{top:"0%",icon:"roundRect",data:["销售订单","退货订单","折扣订单"],textStyle:{color:"rgba(255,255,255,.5)",fontSize:"12"}},toolbox:{feature:{}},grid:{left:"10",top:"20",right:"10",bottom:"10",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,axisLabel:{textStyle:{color:"rgba(255,255,255,.6)",fontSize:12}},axisLine:{lineStyle:{color:"rgba(255,255,255,.2)"}},data:["2020.06.15","2020.06.16","2020.06.17","2020.06.18","2020.06.19","2020.06.20","2020.06.21","2020.06.22"]}],yAxis:[{type:"value",axisTick:{show:!1},minInterval:60,axisLine:{lineStyle:{color:"rgba(255,255,255,.1)"}},axisLabel:{textStyle:{color:"rgba(255,255,255,.6)",fontSize:12}},splitLine:{lineStyle:{color:"rgba(255,255,255,.1)"}}}],series:[{name:"销售订单",type:"line",smooth:!0,lineStyle:{color:"#45d4ba",width:1},areaStyle:{color:new v.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#83cddc"},{offset:1,color:"#bfdffbb5"}])},data:[5,22,150,54,1,230,4,1]},{name:"退货订单",type:"line",smooth:!0,lineStyle:{color:"#04a710",width:1},areaStyle:{color:new v.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#0cbf22"},{offset:1,color:"#b8f7d1b5"}])},data:[10,150,1,250,20,100,10,150]},{name:"折扣订单",type:"line",lineStyle:{color:"#0864c3",width:1},smooth:!0,areaStyle:{color:new v.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#29d7ff"},{offset:1,color:"#34ccef85"}])},data:[100,2,260,1,200,30,101,40]}]};var p={series:[{radius:"90%",type:"gauge",startAngle:180,endAngle:0,min:0,max:1,splitNumber:8,axisLine:{lineStyle:{width:3,color:[[.25,"#FF6E76"],[.5,"#FDDD60"],[.75,"#58D9F9"],[1,"#7CFFB2"]]}},pointer:{icon:"path://M12.8,0.7l12,40.1H0.7L12.8,0.7z",length:"12%",width:20,offsetCenter:[0,"-60%"],itemStyle:{color:"auto"}},axisTick:{length:12,lineStyle:{color:"auto",width:2}},splitLine:{length:20,lineStyle:{color:"auto",width:5}},axisLabel:{color:"#464646",fontSize:20,distance:-60,formatter:function(a){return.875===a?"优":.625===a?"中":.375===a?"良":.125===a?"差":void 0}},title:{offsetCenter:[0,"-20%"],fontSize:20},detail:{fontSize:30,offsetCenter:[0,"0%"],valueAnimation:!0,formatter:function(a){return Math.round(100*a)+"分"},color:"auto"},data:[{value:.7,name:"成绩评定"}]}]},h=(e("859a"),e("313e"));let y,g,b,m,x,u,S;var w={components:{},data(){return{}},created(){console.log("chart")},mounted(){y&&(y.dispose(),g.dispose(),b.dispose(),m.dispose(),x.dispose(),u.dispose(),S.dispose()),y=h.init(document.getElementById("chart-vleft-1")),y.setOption(n,!0),g=h.init(document.getElementById("chart-vleft-2")),g.setOption(r,!0),b=h.init(document.getElementById("chart-vleft-3")),b.setOption(c,!0),m=h.init(document.getElementById("chart-vcenter")),m.setOption(f,!0),x=h.init(document.getElementById("chart-vright-1")),x.setOption(f,!0),u=h.init(document.getElementById("chart-vgauge-1")),u.setOption(p,!0),S=h.init(document.getElementById("chart-vgauge-2")),S.setOption(p)},destroyed(){y=null,g=null,b=null,m=null,x=null,u=null,S=null}},L=(e("eddf"),e("d959")),k=e.n(L);const z=k()(w,[["render",s],["__scopeId","data-v-7ef231a1"]]);t["default"]=z},"859a":function(a,t,e){},e36e:function(a,t,e){},eddf:function(a,t,e){"use strict";e("e36e")}}]);
|
