2 lines
1.1 KiB
Java
2 lines
1.1 KiB
Java
import{useECharts as c}from"./useECharts-BKJWOWs-.js";import{aQ as h,au as f}from"./index-X7Y8jykP.js";import{e as u,r as p,b as d,w as m,C as y,z as g,T as x}from"./vue-vendor-DNhG1Cve.js";const w=u({name:"single-line",props:{chartData:{type:Array,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=p(null),{setOptions:o,echarts:i}=c(a),t=d({tooltip:{trigger:"axis",axisPointer:{type:"shadow",label:{show:!0,backgroundColor:"#333"}}},xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[{type:"line",showSymbol:!1,smooth:!0,areaStyle:{},data:[],color:e.seriesColor}]});m(()=>{e.chartData&&s()});function s(){e.option&&Object.assign(t,h(e.option));let n=e.chartData.map(r=>r.value),l=e.chartData.map(r=>r.name);t.series[0].data=n,t.series[0].color=e.seriesColor,t.xAxis.data=l,o(t)}return{chartRef:a}}});function C(e,a,o,i,t,s){return g(),y("div",{ref:"chartRef",style:x({height:e.height,width:e.width})},null,4)}const _=f(w,[["render",C]]);export{_ as S};
|