2 lines
1.7 KiB
Java
2 lines
1.7 KiB
Java
import{useECharts as l}from"./useECharts-BKJWOWs-.js";import{g as s}from"./data-A0kLGLbM.js";import{e as n,o as c,r as p,C as m,z as d,T as f}from"./vue-vendor-DNhG1Cve.js";import{au as y}from"./index-X7Y8jykP.js";import"./useTimeout-D5AmIBZw.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./useEventListener-BRXjwk7A.js";import"./useBreakpoint-DXhPW7nV.js";import"./breakpointEnum-BhAg6bcX.js";import"./echarts-O0zoDaFZ.js";const h=n({props:{width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"}},setup(){const e=p(null),{setOptions:r,echarts:o}=l(e),{barData:a,lineData:t,category:i}=s;return c(()=>{r({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:a},{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,r,o,a,t,i){return d(),m("div",{ref:"chartRef",style:f({height:e.height,width:e.width})},null,4)}const R=y(h,[["render",b]]);export{R as default};
|