2 lines
1.5 KiB
Java
2 lines
1.5 KiB
Java
import{d as D,h as k,r as w,f as S,ar as _,as as b,aB as v}from"./vue-vendor-C7Zq48Yl.js";import{useECharts as C}from"./useECharts-9qzd7Dce.js";import{h as E}from"./antd-vue-vendor-BPnV8VqP.js";import{d as $}from"./index-BI6CMai0.js";const j=D({name:"LineMulti",props:{chartData:{type:Array,default:()=>[],required:!0},option:{type:Object,default:()=>({})},type:{type:String,default:"line"},width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"}},emits:["click"],setup(t,{emit:h}){const r=S(null),{setOptions:p,getInstance:i}=C(r),a=w({tooltip:{trigger:"axis",axisPointer:{type:"shadow",label:{show:!0,backgroundColor:"#333"}}},legend:{top:30},grid:{top:60},xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[]});k(()=>{t.chartData&&A()});function A(){var y,g;t.option&&Object.assign(a,E(t.option));let n=Array.from(new Set(t.chartData.map(e=>e.type))),u=Array.from(new Set(t.chartData.map(e=>e.name))),m=[];n.forEach(e=>{let o={name:e,type:t.type};const c=t.chartData.find(s=>s.type==e);c&&c.color&&(o.color=c.color);let l=[];u.forEach(s=>{let f=t.chartData.filter(x=>e===x.type&&x.name==s);f&&f.length>0?l.push(f[0].value):l.push(null)}),o.data=l,m.push(o)}),a.series=m,a.xAxis.data=u,p(a),(y=i())==null||y.off("click",d),(g=i())==null||g.on("click",d)}function d(n){h("click",n)}return{chartRef:r}}});function B(t,h,r,p,i,a){return b(),_("div",{ref:"chartRef",style:v({height:t.height,width:t.width})},null,4)}const R=$(j,[["render",B]]);export{R as L};
|