2 lines
1.1 KiB
Java
2 lines
1.1 KiB
Java
import{d as l,h as f,r as h,f as p,ar as d,as as u,aB as m}from"./vue-vendor-C7Zq48Yl.js";import{useECharts as y}from"./useECharts-9qzd7Dce.js";import{h as g}from"./antd-vue-vendor-BPnV8VqP.js";import{d as x}from"./index-BI6CMai0.js";const b=l({name:"bar",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(t){const a=p(null),{setOptions:o,echarts:i}=y(a),e=h({tooltip:{trigger:"axis",axisPointer:{type:"shadow",label:{show:!0,backgroundColor:"#333"}}},xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[{name:"bar",type:"bar",data:[],color:t.seriesColor}]});f(()=>{t.chartData&&s()});function s(){t.option&&Object.assign(e,g(t.option));let n=t.chartData.map(r=>r.value),c=t.chartData.map(r=>r.name);e.series[0].data=n,e.series[0].color=t.seriesColor,e.xAxis.data=c,o(e)}return{chartRef:a}}});function C(t,a,o,i,e,s){return u(),d("div",{ref:"chartRef",style:m({height:t.height,width:t.width})},null,4)}const A=x(b,[["render",C]]);export{A as B};
|