"use strict";(self.webpackChunkwu_vue_zone_ecology_net=self.webpackChunkwu_vue_zone_ecology_net||[]).push([[151],{86151:function(e,t,n){n.r(t),n.d(t,{default:function(){return r}});n(74538);var i=n(67759),a=n(41885),s=n(4938);const o={class:"ve_container"},l={data:()=>({description:"客户端访问流量",type:"1",icon:"DataLine",name:"客户端访问流量",parentMenu:s.Z})};var r=Object.assign(l,{__name:"ClientPerDayFlow",setup(e){return(0,i.bv)((async()=>{const{code:e,data:t}=await VE_API.cloudNetworkReport.findClientPerDayFlow();0===e&&console.log(t);const n=document.getElementById("client_per_day_flow"),i=a.S1(n,null,{renderer:"canvas",useDirtyRect:!1});let s;const o=[];o.push({type:"line",name:"进口流量",emphasis:{focus:"series"},data:t.clientInFlowList}),o.push({type:"line",name:"出口流量",emphasis:{focus:"series"},data:t.clientOutFlowList}),o.push({type:"line",name:"进、出流量",emphasis:{focus:"series"},data:t.clientAllFlowList}),s={animationDuration:1e4,tooltip:{trigger:"axis"},legend:{},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:t.dayList}],yAxis:[{type:"value"}],series:o,toolbox:{feature:{saveAsImage:{}}}},s&&i.setOption(s),window.addEventListener("resize",i.resize)})),(e,t)=>((0,i.wg)(),(0,i.iD)("div",o,t[0]||(t[0]=[(0,i._)("div",{id:"client_per_day_flow",style:{width:"100%",height:"600px"}},null,-1)])))}})}}]);