2 lines
4.7 KiB
Java
2 lines
4.7 KiB
Java
import{B as k}from"./Bar-DCEyn2jh.js";import{B as C}from"./BarMulti--ZxpkIeN.js";import{S as x}from"./SingleLine-B5ta_7LT.js";import{L as j}from"./LineMulti-0TfPtS_j.js";import{P as B}from"./Pie-BfX96_-a.js";import{R as L,B as w}from"./BarAndLine-Cy2lhk5K.js";import{G as T}from"./Gauge-CBy9T31s.js";import{R as A}from"./RankList-BGXebXFr.js";import{T as K}from"./Trend-7Hij3ZR1.js";import{C as O}from"./index-BwqG9R3y.js";import{aU as R,aX as S}from"./index-X7Y8jykP.js";import{e as F,C as Y,z as $,f as t,A as a,r as G,u as l}from"./vue-vendor-DNhG1Cve.js";import{O as P}from"./index-CuWaQdlK.js";import{A as U}from"./index-DO7ZhK45.js";import"./useECharts-BKJWOWs-.js";import"./useTimeout-D5AmIBZw.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./useEventListener-BRXjwk7A.js";import"./useBreakpoint-DXhPW7nV.js";import"./breakpointEnum-BhAg6bcX.js";import"./echarts-O0zoDaFZ.js";import"./install-65EkHmmZ.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";const z=["#4db6ac","#ffb74d","#64b5f6","#e57373","#9575cd","#a1887f","#90a4ae","#4dd0e1","#81c784","#ff8a65"],E=(()=>{let h=+new Date;const s=[],m=[],u=[],p=[];for(let e=0;e<20;e++){let o={name:"",value:0};const r=new Date(h+=1e3*3600*24);o.name=[r.getFullYear(),r.getMonth()+1,r.getDate()].join("-"),o.value=Math.random()*200,s.push(o)}for(let e=0;e<2;e++)for(let o=0;o<20;o++){let r={name:"",value:0,type:2010+e+""};const i=new Date(h+1e3*3600*24*o);r.name=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-"),r.value=Math.random()*200,m.push(r)}const _=[{value:335,name:"客服电话"},{value:310,name:"奥迪官网"},{value:234,name:"媒体曝光"},{value:135,name:"质检总局"},{value:105,name:"其他"}],D=[{value:75,name:"政治",type:"文综",max:100},{value:65,name:"历史",type:"文综",max:100},{value:55,name:"地理",type:"文综",max:100},{value:74,name:"化学",type:"文综",max:100},{value:38,name:"物理",type:"文综",max:100},{value:88,name:"生物",type:"文综",max:100}];for(let e=0;e<2;e++){for(let o=0;o<15;o++){let r={name:"",value:0,type:2010+e+"",seriesType:e>=1?"line":"bar"};const i=new Date(h+1e3*3600*24*o);r.name=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-"),r.value=Math.random()*200,u.push(r)}p.push(z[e])}return{barDataSource:s,barMultiData:m,pieData:_,barLineData:u,barLineColors:p,radarData:D}})(),N={class:"p-4"},dt=F({__name:"index",setup(h){const s=G("1"),{barDataSource:m,barMultiData:u,pieData:p,barLineData:_,radarData:D,barLineColors:e}=E,o={title:{text:"多列柱状图",left:"center"}},r=M("name","total",2e3,100,"北京朝阳 "," 号店");function i(v){}function M(v,f,y,b,n="",g="月"){let d=[];for(let c=0;c<12;c+=1)d.push({[v]:`${n}${c+1}${g}`,[f]:Math.floor(Math.random()*y)+b});return d}return(v,f)=>{const y=U,b=P,n=S,g=R,d=O;return $(),Y("div",N,[t(d,{bordered:!1,style:{height:"100%"}},{default:a(()=>[t(g,{activeKey:s.value,"onUpdate:activeKey":f[0]||(f[0]=c=>s.value=c),animated:"",onChange:i},{default:a(()=>[t(n,{key:"1",tab:"柱状图"},{default:a(()=>[t(b,null,{default:a(()=>[t(y,{span:24},{default:a(()=>[t(k,{chartData:l(m),height:"50vh",option:{title:{text:"销售额排行",left:"center"}}},null,8,["chartData"])]),_:1})]),_:1})]),_:1}),t(n,{key:"2",tab:"多列柱状图","force-render":""},{default:a(()=>[t(C,{chartData:l(u),option:o,height:"50vh"},null,8,["chartData"])]),_:1}),t(n,{key:"3",tab:"迷你柱状图",style:{display:"flex","justify-content":"center"}},{default:a(()=>[t(k,{chartData:l(m),width:"30%",height:"50vh"},null,8,["chartData"])]),_:1}),t(n,{key:"4",tab:"面积图"},{default:a(()=>[t(x,{chartData:l(m),height:"50vh",option:{title:{text:"销售额排行",left:"center"}}},null,8,["chartData"])]),_:1}),t(n,{key:"5",tab:"迷你面积图",style:{display:"flex","justify-content":"center"}},{default:a(()=>[t(x,{chartData:l(m),width:"30%",height:"50vh"},null,8,["chartData"])]),_:1}),t(n,{key:"6",tab:"多行折线图"},{default:a(()=>[t(j,{chartData:l(u),height:"50vh",option:o,type:"line"},null,8,["chartData"])]),_:1}),t(n,{key:"7",tab:"饼图"},{default:a(()=>[t(B,{chartData:l(p),height:"40vh",option:{title:{text:"基础饼状图",left:"center"}}},null,8,["chartData"])]),_:1}),t(n,{key:"8",tab:"雷达图"},{default:a(()=>[t(L,{chartData:l(D),height:"50vh"},null,8,["chartData"])]),_:1}),t(n,{key:"9",tab:"仪表盘"},{default:a(()=>[t(T,{chartData:{name:"出勤率",value:70},height:"50vh"})]),_:1}),t(n,{key:"10",tab:"折柱图"},{default:a(()=>[t(w,{chartData:l(_),customColor:l(e),height:"50vh"},null,8,["chartData","customColor"])]),_:1}),t(n,{key:"11",tab:"排名列表"},{default:a(()=>[t(A,{title:"门店销售排行榜",list:l(r),style:{width:"600px",margin:"0 auto"}},null,8,["list"])]),_:1}),t(n,{key:"13",tab:"趋势"},{default:a(()=>[t(K,{title:"Trend",term:"Trend：",percentage:30})]),_:1})]),_:1},8,["activeKey"])]),_:1})])}}});export{dt as default};
|