2 lines
4.5 KiB
Java
2 lines
4.5 KiB
Java
import{d as w,ah as m,ar as B,as as L,k as t,aF as a,f as C,u as l}from"./vue-vendor-C7Zq48Yl.js";import{B as x}from"./Bar-DlBXxN7D.js";import{B as T,G as F}from"./Gauge-B_IiN0XO.js";import{S as M}from"./SingleLine-Bu7dNANj.js";import{L as K}from"./LineMulti-CtYwss5s.js";import{P as R}from"./Pie-Css2jUUJ.js";import{R as S,B as Y}from"./BarAndLine-TnM25Vnx.js";import{R as $}from"./RankList-CJZYiRKv.js";import{T as G}from"./Trend-BVH9fbZv.js";import"./useECharts-9qzd7Dce.js";import"./useTimeout-DDl4l82I.js";import"./index-BI6CMai0.js";import"./antd-vue-vendor-BPnV8VqP.js";import"./vxe-table-vendor-B88kchpX.js";import"./echarts-6xk1er_c.js";const P=["#4db6ac","#ffb74d","#64b5f6","#e57373","#9575cd","#a1887f","#90a4ae","#4dd0e1","#81c784","#ff8a65"],A=(()=>{let p=+new Date;const s=[],c=[],u=[],d=[];for(let e=0;e<20;e++){let n={name:"",value:0};const r=new Date(p+=1e3*3600*24);n.name=[r.getFullYear(),r.getMonth()+1,r.getDate()].join("-"),n.value=Math.random()*200,s.push(n)}for(let e=0;e<2;e++)for(let n=0;n<20;n++){let r={name:"",value:0,type:2010+e+""};const i=new Date(p+1e3*3600*24*n);r.name=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-"),r.value=Math.random()*200,c.push(r)}const D=[{value:335,name:"客服电话"},{value:310,name:"奥迪官网"},{value:234,name:"媒体曝光"},{value:135,name:"质检总局"},{value:105,name:"其他"}],v=[{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 n=0;n<15;n++){let r={name:"",value:0,type:2010+e+"",seriesType:e>=1?"line":"bar"};const i=new Date(p+1e3*3600*24*n);r.name=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-"),r.value=Math.random()*200,u.push(r)}d.push(P[e])}return{barDataSource:s,barMultiData:c,pieData:D,barLineData:u,barLineColors:d,radarData:v}})(),E={class:"p-4"},et=w({__name:"index",setup(p){const s=C("1"),{barDataSource:c,barMultiData:u,pieData:d,barLineData:D,radarData:v,barLineColors:e}=A,n={title:{text:"多列柱状图",left:"center"}},r=j("name","total",2e3,100,"北京朝阳 "," 号店");function i(y){}function j(y,f,b,g,o="",k="月"){let _=[];for(let h=0;h<12;h+=1)_.push({[y]:`${o}${h+1}${k}`,[f]:Math.floor(Math.random()*b)+g});return _}return(y,f)=>{const b=m("a-col"),g=m("a-row"),o=m("a-tab-pane"),k=m("a-tabs"),_=m("a-card");return L(),B("div",E,[t(_,{bordered:!1,style:{height:"100%"}},{default:a(()=>[t(k,{activeKey:s.value,"onUpdate:activeKey":f[0]||(f[0]=h=>s.value=h),animated:"",onChange:i},{default:a(()=>[t(o,{key:"1",tab:"柱状图"},{default:a(()=>[t(g,null,{default:a(()=>[t(b,{span:24},{default:a(()=>[t(x,{chartData:l(c),height:"50vh",option:{title:{text:"销售额排行",left:"center"}}},null,8,["chartData"])]),_:1})]),_:1})]),_:1}),t(o,{key:"2",tab:"多列柱状图","force-render":""},{default:a(()=>[t(T,{chartData:l(u),option:n,height:"50vh"},null,8,["chartData"])]),_:1}),t(o,{key:"3",tab:"迷你柱状图",style:{display:"flex","justify-content":"center"}},{default:a(()=>[t(x,{chartData:l(c),width:"30%",height:"50vh"},null,8,["chartData"])]),_:1}),t(o,{key:"4",tab:"面积图"},{default:a(()=>[t(M,{chartData:l(c),height:"50vh",option:{title:{text:"销售额排行",left:"center"}}},null,8,["chartData"])]),_:1}),t(o,{key:"5",tab:"迷你面积图",style:{display:"flex","justify-content":"center"}},{default:a(()=>[t(M,{chartData:l(c),width:"30%",height:"50vh"},null,8,["chartData"])]),_:1}),t(o,{key:"6",tab:"多行折线图"},{default:a(()=>[t(K,{chartData:l(u),height:"50vh",option:n,type:"line"},null,8,["chartData"])]),_:1}),t(o,{key:"7",tab:"饼图"},{default:a(()=>[t(R,{chartData:l(d),height:"40vh",option:{title:{text:"基础饼状图",left:"center"}}},null,8,["chartData"])]),_:1}),t(o,{key:"8",tab:"雷达图"},{default:a(()=>[t(S,{chartData:l(v),height:"50vh"},null,8,["chartData"])]),_:1}),t(o,{key:"9",tab:"仪表盘"},{default:a(()=>[t(F,{chartData:{name:"出勤率",value:70},height:"50vh"})]),_:1}),t(o,{key:"10",tab:"折柱图"},{default:a(()=>[t(Y,{chartData:l(D),customColor:l(e),height:"50vh"},null,8,["chartData","customColor"])]),_:1}),t(o,{key:"11",tab:"排名列表"},{default:a(()=>[t($,{title:"门店销售排行榜",list:l(r),style:{width:"600px",margin:"0 auto"}},null,8,["list"])]),_:1}),t(o,{key:"13",tab:"趋势"},{default:a(()=>[t(G,{title:"Trend",term:"Trend：",percentage:30})]),_:1})]),_:1},8,["activeKey"])]),_:1})])}}});export{et as default};
|