Line-ca586234.js
1.6 KB
import{d as l,k as s,o as n,_ as c,$ as d,ag as p}from"./vue-5a35c3f5.js";import{u as f}from"./useECharts-672ba641.js";import{g as m}from"./data-9d02034f.js";import{_ as h}from"./index.js";import"./antd-6b087f69.js";const y=l({props:{width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"}},setup(){const e=s(null),{setOptions:r,echarts:o}=f(e),{barData:a,lineData:t,category:i}=m;return n(()=>{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 c(),d("div",{ref:"chartRef",style:p({height:e.height,width:e.width})},null,4)}const _=h(y,[["render",b],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/charts/Line.vue"]]);export{_ as default};