quick-admin-vue3-core/dist/AnnualUse-Q0v5hk4x.cjs

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./Chart.vue_vue_type_script_setup_true_lang-Dad6RzlR.cjs"),c=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u=l.defineComponent({__name:"AnnualUse",setup(p){const s=["rgba(254, 219, 101,0.1)","rgba(0, 122, 254,0.1)","rgba(255, 75, 122, 0.1)"],r=[{label:new Date().getFullYear()-2+"年",value:["184","90","120","0","30","100","80","40","20","510","350","180"]},{label:new Date().getFullYear()-1+"年",value:["118","509","366","162","380","123","321","158","352","474","154","22"]},{label:new Date().getFullYear()+"年",value:["548","259","113","90","69","512","23","49","28","420","313","156"]}],a={data:r,unit:r.map(e=>e.label),columns:["1","2","3","4","5","6","7","8","9","10","11","12"],colors:["#FFA600","#007AFE","#FF4B7A"]},n={tooltip:{trigger:"axis",axisPointer:{type:"none"},borderWidth:0,padding:0,backgroundColor:"transparent",formatter:e=>{let o="";return e.forEach(t=>{o+=`
          <div class="year-item">
            <span class="year-dot" style="background-color: ${t.color};"></span>
            <span class="year-name">${t.seriesName}</span>
            <span class="year-value">${t.data>=1e4?(t.data/1e4).toFixed(2)+"w":t.data}</span>
          </div>
          `}),`
                    <div class="annual-tooltip">
                      <span class="annual-month">${e[0].dataIndex+1}月</span>
                      <div class="annual-list">
                        ${o}
                      </div>
                    </div>
                  `}},legend:{right:"2%",top:"0%",itemWidth:15,itemHeight:6,align:"auto",icon:"rect",itemGap:15,textStyle:{color:"#ebebf0"}},grid:{top:"20%",left:"40",right:"4%",bottom:"15%"},xAxis:[{name:"(月份)",type:"category",boundaryGap:!1,axisLine:{show:!0,lineStyle:{color:"#233653"}},axisLabel:{color:"#7ec7ff",padding:0,fontSize:12,formatter:function(e){return e}},splitLine:{show:!1,lineStyle:{color:"#192a44"}},axisTick:{show:!1},data:a.columns}],yAxis:{name:"(人数)",nameTextStyle:{color:"#D6DFEA",fontSize:12,padding:[0,30,0,0]},minInterval:1,splitNumber:5,splitLine:{show:!1,lineStyle:{color:"#192a44"}},axisLine:{show:!0,lineStyle:{color:"#233653"}},axisLabel:{show:!0,color:"#B9D6D6",padding:0},axisTick:{show:!1}},series:a.data.map((e,o)=>({name:e.label,type:"line",symbol:"circle",showSymbol:!1,smooth:!0,lineStyle:{width:1,color:a.colors[o],borderColor:a.colors[o]},itemStyle:{color:a.colors[o],borderColor:"#646ace",borderWidth:2},tooltip:{show:!0},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:a.colors[o]},{offset:1,color:s[o]}],global:!1},shadowColor:"rgba(25,163,223, 0.3)",shadowBlur:20},data:e.value}))};return(e,o)=>(l.openBlock(),l.createBlock(i._sfc_main,{class:"annual-use",option:n,height:"260px"}))}}),d=c._export_sfc(u,[["__scopeId","data-v-f6b16031"]]);exports.default=d;