Line-WyWA4mvq.js 1.7 KB

1
  1. import{d as l,f as s,o as n,aq as c,ar as p,aA as d}from"./vue-vendor-Be68asQ6.js";import{useECharts as f}from"./useECharts-DG-h8eoL.js";import{g as m}from"./data-A0kLGLbM.js";import{a as y}from"./index-BFfnEkVs.js";import"./useTimeout-Ca5eqGu-.js";import"./antd-vue-vendor-DcqS7Wvq.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./echarts-CUw_p_PV.js";const h=l({props:{width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"}},setup(){const e=s(null),{setOptions:a,echarts:o}=f(e),{barData:r,lineData:t,category:i}=m;return n(()=>{a({backgroundColor:"#0f375f",tooltip:{trigger:"axis",axisPointer:{type:"shadow",label:{show:!0,backgroundColor:"#333"}}},legend:{data:["line","bar"],textStyle:{color:"#ccc"}},xAxis:{data:i,axisLine:{lineStyle:{color:"#ccc"}}},yAxis:{splitLine:{show:!1},axisLine:{lineStyle:{color:"#ccc"}}},series:[{name:"line",type:"line",smooth:!0,showAllSymbol:"auto",symbol:"emptyCircle",symbolSize:15,data:t},{name:"bar",type:"bar",barWidth:10,itemStyle:{borderRadius:5,color:new o.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#14c8d4"},{offset:1,color:"#43eec6"}])},data:r},{name:"line",type:"bar",barGap:"-100%",barWidth:10,itemStyle:{color:new o.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(20,200,212,0.5)"},{offset:.2,color:"rgba(20,200,212,0.2)"},{offset:1,color:"rgba(20,200,212,0)"}])},z:-12,data:t},{name:"dotted",type:"pictorialBar",symbol:"rect",itemStyle:{color:"#0f375f"},symbolRepeat:!0,symbolSize:[12,4],symbolMargin:1,z:-10,data:t}]})}),{chartRef:e}}});function b(e,a,o,r,t,i){return p(),c("div",{ref:"chartRef",style:d({height:e.height,width:e.width})},null,4)}const C=y(h,[["render",b]]);export{C as default};