2 lines
1.3 KiB
Java
2 lines
1.3 KiB
Java
|
import{useECharts as o}from"./useECharts-BKJWOWs-.js";import{i as n}from"./install-65EkHmmZ.js";import{aQ as l,au as c}from"./index-X7Y8jykP.js";import{e as h,r as f,w as u,b as d,C as p,z as m,T as g}from"./vue-vendor-DNhG1Cve.js";const w=h({name:"Gauge",props:{chartData:{type:Object,default:()=>[]},option:{type:Object,default:()=>({})},width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"},seriesColor:{type:String,default:"#1890ff"}},setup(e){const a=f(null),{setOptions:i,echarts:r}=o(a),t=d({series:[{type:"gauge",progress:{show:!0,width:12},axisLine:{lineStyle:{width:12}},axisTick:{show:!1},splitLine:{length:12,lineStyle:{width:1,color:"#999"}},axisLabel:{distance:25,color:"#999",fontSize:12},anchor:{show:!0,showAbove:!0,size:20,itemStyle:{borderWidth:5}},title:{},detail:{valueAnimation:!0,fontSize:25,formatter:"{value}%",offsetCenter:[0,"80%"]},data:[{value:70,name:"本地磁盘"}]}]});u(()=>{e.chartData&&s()});function s(){r.use(n),e.option&&Object.assign(t,l(e.option)),t.series[0].data[0].name=e.chartData.name,t.series[0].data[0].value=e.chartData.value,t.series[0].color=e.seriesColor,i(t)}return{chartRef:a}}});function y(e,a,i,r,t,s){return m(),p("div",{ref:"chartRef",style:g({height:e.height,width:e.width})},null,4)}const _=c(w,[["render",y]]);export{_ as G};
|