"use strict";(self.webpackChunkwu_vue_zone_ecology_net=self.webpackChunkwu_vue_zone_ecology_net||[]).push([[871],{39871:function(e,t,a){a.r(t),a.d(t,{default:function(){return c}});a(74538);var s=a(67759),i=a(41885),n=a(4938);const r={class:"ve_container"},o={data:()=>({description:"客户端端口近七天访问流量",type:"1",icon:"DataLine",name:"客户端端口近七天访问流量",parentMenu:n.Z})};var c=Object.assign(o,{__name:"ClientPortPerDayFlow",setup(e){return(0,s.bv)((async()=>{const{code:e,data:t}=await VE_API.cloudNetworkReport.findClient7DayFlow();if(0===e&&console.log(t),!t)return;const a=document.getElementById("client_port_per_day_flow"),s=i.S1(a,null,{renderer:"canvas",useDirtyRect:!1});let n;const r=[];for(let e of t.clientInFlowList)r.push({type:"bar",name:"进口流量"+e.clientId+":"+e.visitorPort,stack:"in_flow_"+e.clientId,emphasis:{focus:"series"},data:e.flowList});for(let e of t.clientOutFlowList)r.push({type:"bar",name:"出口流量"+e.clientId+":"+e.visitorPort,stack:"out_flow_"+e.clientId,emphasis:{focus:"series"},data:e.flowList});console.log(r),n={tooltip:{trigger:"axis"},legend:{},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:t.dayList}],yAxis:[{type:"value"}],series:r,series1:[{name:"Direct",type:"bar",emphasis:{focus:"series"},data:[320,332,301,334,390,330,320]},{name:"Email",type:"bar",stack:"Ad",emphasis:{focus:"series"},data:[120,132,101,134,90,230,210]},{name:"Union Ads",type:"bar",stack:"Ad",emphasis:{focus:"series"},data:[220,182,191,234,290,330,310]},{name:"Video Ads",type:"bar",stack:"Ad",emphasis:{focus:"series"},data:[150,232,201,154,190,330,410]},{name:"Search Engine",type:"bar",data:[862,1018,964,1026,1679,1600,1570],emphasis:{focus:"series"},markLine:{lineStyle:{type:"dashed"},data:[[{type:"min"},{type:"max"}]]}},{name:"Baidu",type:"bar",barWidth:5,stack:"Search Engine",emphasis:{focus:"series"},data:[620,732,701,734,1090,1130,1120]},{name:"Google",type:"bar",stack:"Search Engine",emphasis:{focus:"series"},data:[120,132,101,134,290,230,220]},{name:"Bing",type:"bar",stack:"Search Engine",emphasis:{focus:"series"},data:[60,72,71,74,190,130,110]},{name:"Others",type:"bar",stack:"Search Engine",emphasis:{focus:"series"},data:[62,82,91,84,109,110,120]}]},n&&s.setOption(n),window.addEventListener("resize",s.resize)})),(e,t)=>((0,s.wg)(),(0,s.iD)("div",r,t[0]||(t[0]=[(0,s._)("div",{id:"client_port_per_day_flow",style:{width:"100%",height:"600px"}},null,-1)])))}})}}]);