web-plus-ui/docs/assets/README.25141424.js

vue3+vite+ts+element-plus 组件库

import{_ as h}from"./index.17927878.js";import{r as u,a as o,o as i,f as x,c as g,e as r,w as p,b as d,R as y}from"./vendor.184a8d03.js";const m={name:"EsChart",setup(){return{EsChart:u({Id:"EsChart",eWidth:"600px",eHeight:"400px",options:{title:{text:"\u67F1\u72B6\u56FE\u5165\u95E8\u793A\u4F8B"},tooltip:{},legend:{data:["\u9500\u91CF"]},xAxis:{data:["\u886C\u886B","\u7F8A\u6BDB\u886B","\u96EA\u7EBA\u886B","\u88E4\u5B50","\u9AD8\u8DDF\u978B","\u889C\u5B50"]},yAxis:{},series:[{name:"\u9500\u91CF",type:"bar",data:[5,20,36,10,10,20]}]}})}}};function _(e,n,l,t,c,a){const s=o("EsCharts");return i(),x(s,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var C=h(m,[["render",_]]);const E={name:"EsChart",setup(){return{EsChart:u({Id:"EsChart2",eWidth:"600px",eHeight:"400px",options:{backgroundColor:"#fff",tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"2%",right:"4%",bottom:"5%",top:"16%",containLabel:!0},legend:{data:["\u7528\u6237\u603B\u6570","\u65B0\u589E\u4F1A\u5458","\u7528\u6237","\u5176\u5B83"],left:"20px",top:0,icon:"path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z",textStyle:{color:"#333"},itemWidth:10,itemHeight:10},xAxis:{type:"category",data:["2019/01/01","2019/01/02","2019/01/03","2019/01/04","2019/01/05","2019/01/06","2019/01/07"],axisLine:{show:!0,lineStyle:{color:"rgba(0,0,0,0.5)"}},axisTick:{show:!0,alignWithLabel:!0}},yAxis:{type:"value",max:"1200",axisLine:{lineStyle:{color:"#fff"}},splitLine:{show:!0,lineStyle:{color:"#f1f1f1"}},axisLabel:{color:"#999",textStyle:{fontSize:12}},axisTick:{show:!0,alignWithLabel:!0}},series:[{name:"\u7528\u6237\u603B\u6570",type:"bar",barWidth:"15%",itemStyle:{normal:{color:"#9C9AFF",barBorderRadius:[12,12,0,0]}},data:[400,400,300,300,300,400,400,400,300]},{name:"\u65B0\u589E\u4F1A\u5458",type:"bar",barWidth:"15%",itemStyle:{normal:{color:"#FC8B62",barBorderRadius:[12,12,0,0]}},data:[400,500,500,500,500,400,400,500,500]},{name:"\u7528\u6237",type:"bar",barWidth:"15%",itemStyle:{normal:{color:"#FF679F",barBorderRadius:[12,12,0,0]}},data:[400,600,700,700,1e3,400,400,600,700]},{name:"\u5176\u5B83",type:"line",barWidth:"15%",smooth:!0,itemStyle:{normal:{color:"#FFCA71",barBorderRadius:[12,12,0,0]}},data:[400,600,700,700,1e3,400,400,600,700]}]}})}}};function f(e,n,l,t,c,a){const s=o("EsCharts");return i(),x(s,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var B=h(E,[["render",f]]);const b={name:"EsChart",setup(){return{EsChart:u({Id:"EsChart3",eWidth:"600px",eHeight:"400px",options:{legend:{},tooltip:{},dataset:{source:[["product","2015","2016","2017"],["Matcha Latte",43.3,85.8,93.7],["Milk Tea",83.1,73.4,55.1],["Cheese Cocoa",86.4,65.2,82.5],["Walnut Brownie",72.4,53.9,39.1]]},xAxis:{type:"category"},yAxis:{},series:[{type:"bar"},{type:"bar"},{type:"bar"}]}})}}};function W(e,n,l,t,c,a){const s=o("EsCharts");return i(),x(s,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var F=h(b,[["render",W]]);const A={class:"markdown-body"},H=d("h1",null,"EsCharts Bar \u7EC4\u4EF6",-1),I=d("h3",null,"\u57FA\u7840\u793A\u4F8B",-1),v=d("h3",null,"\u5F69\u8272",-1),w=d("h3",null,"\u5B9A\u5236\u5316",-1),S=y('<h3>\u5C5E\u6027</h3><table><thead><tr><th style="text-align:center;">\u53C2\u6570</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u7C7B\u578B</th><th style="text-align:center;">\u53EF\u9009\u503C</th><th style="text-align:center;">\u9ED8\u8BA4\u503C</th><th style="text-align:center;">\u662F\u5426\u5FC5\u586B</th></tr></thead><tbody><tr><td style="text-align:center;"><code>echartsId</code></td><td style="text-align:center;">EsChart\u7684id\u540D\u79F0</td><td style="text-align:center;">string</td><td style="text-align:center;">\u5FC5\u586B</td><td style="text-align:center;">EsCharts</td><td style="text-align:center;">\u662F</td></tr><tr><td style="text-align:center;"><code>eWidth</code></td><td style="text-align:center;">\u5BBD\u5EA6</td><td style="text-align:center;">string</td><td style="text-align:center;">\u5FC5\u586B</td><td style="text-align:center;">300px</td><td style="text-align:center;">\u662F</td></tr><tr><td style="text-align:center;"><code>eHight</code></td><td style="text-align:center;">\u9AD8\u5EA6</td><td style="text-align:center;">string</td><td style="text-align:center;">\u5FC5\u586B</td><td style="text-align:center;">300px</td><td style="text-align:center;">\u662F</td></tr><tr><td style="text-align:center;"><code>options</code></td><td style="text-align:center;">\u914D\u7F6E\u53C2\u6570</td><td style="text-align:center;">Object</td><td style="text-align:center;">\u5FC5\u586B</td><td style="text-align:center;">-</td><td style="text-align:center;">\u662F</td></tr></tbody></table>',2),R={setup(e,{expose:n}){return n({frontmatter:{}}),(t,c)=>{const a=o("Preview");return i(),g("div",A,[H,I,r(a,{"comp-name":"EsChartsBar","demo-name":"demo"},{default:p(()=>[r(C)]),_:1}),v,r(a,{"comp-name":"EsChartsBar","demo-name":"demo3"},{default:p(()=>[r(F)]),_:1}),w,r(a,{"comp-name":"EsChartsBar","demo-name":"demo2"},{default:p(()=>[r(B)]),_:1}),S])}}};export{R as default};