2 lines
3.2 KiB
JavaScript
2 lines
3.2 KiB
JavaScript
import{L as a,i as d}from"./index.025e06bc.js";import{g as p,i as b,x as f,o as y,c as h,a as g,_ as x}from"./index.8ab1f836.js";const m={class:"app-container"},_=p({__name:"index",setup(v){const l=b();let s=["2022-01","2022-02","2022-03","2022-04","2022-05","2022-06","2022-07","2022-08","2022-09","2022-10","2022-11","2022-12"],t={jfsbs:[805,860,400,400,400,400,990,985,990,850,560,772],md:[300,390,290,285,290,288,790,795,795,760,660,480],znhbl:[95,78,50,60,85,78,76,70,65,90,74,66]},i={tooltip:{trigger:"axis",axisPointer:{type:"shadow",shadowStyle:{shadowColor:"rgba(60, 161, 246, 0.43)",shadowBlur:10}},backgroundColor:"#FFFFFF",borderColor:"rgba(60, 161, 246, 0.43)",borderWidth:1,shadowColor:" rgba(111, 193, 253, 0.35)",shadowBlur:10,formatter:function(e){e[0].seriesName;let r=e[0].value;e[1].seriesName;let c=e[1].value;e[2].seriesName;let u=e[2].value;return'<div><span style="color:rgba(36, 36, 36, 1);display: inline-block;width: 86px;">\u5BC6\u5EA6\u6570</span><span style="color:#5DB6FB">'+r+'</span></div><div><span style="color:rgba(36, 36, 36, 1);display: inline-block;width: 86px;">\u8BBE\u5907\u6570</span><span style="color:#5DB6FB">'+c+'</span></div><div><span style="color:rgba(36, 36, 36, 1);display: inline-block;width: 86px;">\u667A\u80FD\u5316\u6BD4\u4F8B</span><span style="color:#5DB6FB">'+u+"%</span></div>"},textStyle:{rich:{name:{color:"rgba(36, 36, 36, 1)",fontSize:13,align:"center"},percent:{fontFamily:"DIN",fontWeight:500,fontSize:22,color:"#1D91F5",align:"center"}}}},grid:{left:"2%",right:"4%",bottom:"14%",top:"16%",containLabel:!0},legend:{top:"5%",textStyle:{color:"rgba(128, 125, 125, 1)",fontSize:12},icon:"rect",itemWidth:12,itemHeight:12,itemGap:25},xAxis:{type:"category",data:s,axisLine:{lineStyle:{color:"rgba(204, 204, 204, 1)"}},axisLabel:{textStyle:{color:"rgba(185, 185, 185, 1)"}},axisTick:{show:!1}},yAxis:[{type:"value",axisLabel:{textStyle:{color:"rgba(185, 185, 185, 1)"}},axisLine:{show:!1},axisTick:{show:!1},splitLine:{show:!0,lineStyle:{color:"rgba(237, 237, 237, 1)",type:"dotted"}}},{type:"value",nameTextStyle:{color:"rgba(185, 185, 185, 1)"},position:"right",axisLine:{show:!1},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!0,formatter:"{value} %",textStyle:{color:"rgba(185, 185, 185, 1)"}}}],series:[{name:"\u65B0\u589E\u57FA\u6869\u6570",type:"bar",barWidth:"12px",itemStyle:{normal:{color:new a(0,0,0,1,[{offset:0,color:"rgba(141, 113, 226, 1)"},{offset:1,color:"rgba(141, 113, 226, 0.2)"}])}},data:t.jfsbs},{name:"\u672C\u6708\u68C0\u6D4B\u6570",type:"bar",barWidth:"12px",itemStyle:{normal:{color:new a(0,0,0,1,[{offset:0,color:"rgba(116, 178, 252, 1)"},{offset:1,color:"rgba(116, 178, 252, 0.2)"}])}},data:t.md},{name:"\u7D2F\u8BA1\u5B8C\u6210\u7387",type:"line",smooth:!0,yAxisIndex:1,symbol:"emptycircle",symbolSize:0,itemStyle:{color:"rgba(65, 197, 95, 1)"},areaStyle:{color:new a(0,0,0,1,[{offset:0,color:"rgba(65, 197, 95, 0.4)"},{offset:1,color:"rgba(255,255,255, 0)"}],!1)},data:t.znhbl}]},o;const n=()=>{const e=d(l.value);return e.setOption(i),e};return f(()=>{o=n(),window.addEventListener("resize",function(){o&&o.resize()})}),(e,r)=>(y(),h("div",m,[g("div",{ref_key:"chartsRef",ref:l,class:"app-echarts"},null,512)]))}});const S=x(_,[["__scopeId","data-v-62744798"]]);export{S as default};
|