"use strict";(self.webpackChunkwu_vue_zone_ecology=self.webpackChunkwu_vue_zone_ecology||[]).push([[758],{9758:function(e,t,n){n.r(t),n.d(t,{default:function(){return c}});n(44114);var s=n(20641),i=n(80990),a=n(39237);const o={class:"ve_container"},l=[(0,s.Lk)("div",{id:"client_per_day_flow",style:{width:"100%",height:"600px"}},null,-1)],r={data:()=>({description:"客户端访问流量",type:"1",icon:"DataLine",name:"客户端访问流量",parentMenu:a.A})};var c=Object.assign(r,{__name:"ClientPerDayFlow",setup(e){return(0,s.sV)((async()=>{const{code:e,data:t}=await VE_API.cloudNetworkReport.findClientPerDayFlow();0===e&&console.log(t);const n=document.getElementById("client_per_day_flow"),s=i.Ts(n,null,{renderer:"canvas",useDirtyRect:!1});let a;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}),a={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:{}}}},a&&"object"==typeof a&&s.setOption(a),window.addEventListener("resize",s.resize)})),(e,t)=>((0,s.uX)(),(0,s.CE)("div",o,l))}})}}]);