2 lines
2.2 KiB
Java
2 lines
2.2 KiB
Java
import{useECharts as m}from"./useECharts-BKJWOWs-.js";import{aQ as y,au as p}from"./index-X7Y8jykP.js";import{e as g,r as A,w,b as D,C as b,z as x,T as v}from"./vue-vendor-DNhG1Cve.js";const C=g({name:"Radar",props:{chartData:{type:Array,default:()=>[]},option:{type:Object,default:()=>({})},width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"}},setup(t){const o=A(null),{setOptions:s}=m(o),r=D({title:{text:""},legend:{data:["文综"]},radar:{indicator:[{name:"历史"},{name:"地理"},{name:"生物"},{name:"化学"},{name:"物理"},{name:"政治"}]},series:[{type:"radar",data:[{value:[82,70,60,55,90,66],name:"文综"}]}]});w(()=>{t.chartData&&n()});function n(){t.option&&Object.assign(r,y(t.option));let c=Array.from(new Set(t.chartData.map(e=>e.type))),d=Array.from(new Set(t.chartData.map(e=>{let{name:a,max:l}=e;return{name:a,max:l}}))),h=[];c.forEach(e=>{let a={name:e},l=t.chartData.filter(i=>e===i.type);a.value=l.map(i=>i.value),h.push(a)}),r.legend.data=c,r.radar.indicator=d,r.series[0].data=h,s(r)}return{chartRef:o}}});function _(t,o,s,r,n,c){return x(),b("div",{ref:"chartRef",style:v({height:t.height,width:t.width})},null,4)}const E=p(C,[["render",_]]),$=g({name:"barAndLine",props:{chartData:{type:Array,default:()=>[]},option:{type:Object,default:()=>({})},width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"},customColor:{type:Array,default:()=>[]}},setup(t){const o=A(null),{setOptions:s,echarts:r}=m(o),n=D({tooltip:{trigger:"axis",axisPointer:{type:"shadow",label:{show:!0,backgroundColor:"#333"}}},xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[{name:"bar",type:"bar",data:[]}]});w(()=>{t.chartData&&c()});function c(){t.option&&Object.assign(n,y(t.option));let d=Array.from(new Set(t.chartData.map(a=>a.type))),h=Array.from(new Set(t.chartData.map(a=>a.name))),e=[];d.forEach((a,l)=>{let i={name:a},u=t.chartData.filter(f=>a===f.type);i.data=u.map(f=>f.value),i.type=u[0].seriesType,t!=null&&t.customColor&&(t!=null&&t.customColor[l])&&(i.color=t.customColor[l]),e.push(i)}),n.series=e,n.xAxis.data=h,s(n)}return{chartRef:o}}});function S(t,o,s,r,n,c){return x(),b("div",{ref:"chartRef",style:v({height:t.height,width:t.width})},null,4)}const B=p($,[["render",S]]);export{B,E as R};
|