lineChart-e3bee725.js 2.2 KB

1
  1. var u=(n,e,o)=>new Promise((c,s)=>{var r=t=>{try{l(o.next(t))}catch(a){s(a)}},d=t=>{try{l(o.throw(t))}catch(a){s(a)}},l=t=>t.done?c(t.value):Promise.resolve(t.value).then(r,d);l((o=o.apply(n,e)).next())});import{u as C}from"./useECharts-d8013b6e.js";import{m as b,aN as B,_ as S}from"./index.js";import{c as k}from"./download-fac9a150.js";import{d as D,f as g,o as A,w as L,Y as N,Z as O,_ as p,$ as R,l as w,a7 as V,u as $,ad as z}from"./vue-8fccce23.js";import"./antd-49db3de3.js";const E={class:"chart-warp"},U={class:"chart-warp_header no-print"},Z={class:"chart-warp_header-title"},j=D({__name:"lineChart",props:{width:{type:String,default:"100%"},height:{type:String,default:"200px"},data:{type:Object,default:()=>{}},ratio:{type:Boolean,default:!0},title:{type:String,default:""}},setup(n){const e=n,o=g(null),{setOptions:c,getDataURL:s}=C(o),r=g();A(()=>u(this,null,function*(){e.data&&d()})),L(()=>e.data,t=>{d()});function d(){var f,_,m,y;let t=(f=e.data)==null?void 0:f.content,a=((_=e.data)==null?void 0:_.time)||[],h=e.ratio,v=t.map(i=>i.id),x=t.map(i=>({name:i.id,type:"line",data:i.value||[]}));r.value=a.length>10?80:0,c({title:{text:(m=e.data)==null?void 0:m.description,left:"left"},tooltip:{trigger:"axis",valueFormatter:i=>i+(h?"%":"")},legend:{data:v,right:30,top:4,width:"90%"},grid:{left:"3%",right:"3%",bottom:"16%",containLabel:!0},xAxis:{type:"category",boundaryGap:!1,data:(y=e.data)==null?void 0:y.time},yAxis:{type:"value",axisLabel:{show:!0,interval:"auto",formatter:"{value}"+(h?"%":"")}},dataZoom:[{type:"inside",start:r.value,end:100},{start:r.value,end:100}],series:x})}function l(){return u(this,null,function*(){var a;const t=yield s();k(t,`${((a=e.data)==null?void 0:a.description)||"图片"}.png`),console.log("🚀 ~ file: pie.vue:73 ~ handleDownload ~ data:",t)})}return(t,a)=>(N(),O("div",E,[p("div",U,[p("div",Z,R(n.title),1),w($(B),{type:"default",border:!1,title:"保存图片",class:"btn-white no-print",onClick:l},{icon:V(()=>[w(b,{icon:"icon-xt-download-download_default|iconfont",size:"16",color:"#01092A"})]),_:1})]),p("div",{ref_key:"chartRef",ref:o,style:z({height:n.height,width:n.width})},null,4)]))}});const H=S(j,[["__scopeId","data-v-72ac446e"]]);export{H as default};