web-plus-ui/docs/assets/README.7913d320.js

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

import{_ as p}from"./index.17927878.js";import{r as m,a as l,o as d,f as g,T as n,c as u,e,w as c,b as r,R as x}from"./vendor.184a8d03.js";const f={name:"EsChart",setup(){return{EsChart:m({Id:"EsChart",eWidth:"600px",eHeight:"400px",options:{title:{text:"\u6298\u7EBF\u56FE\u5165\u95E8\u793A\u4F8B"},xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{data:[150,230,224,218,135,147,260],type:"line"}]}})}}};function _(a,i,h,t,y,s){const o=l("EsCharts");return d(),g(o,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var E=p(f,[["render",_]]);const C={name:"EsChart",setup(){return{EsChart:m({Id:"EsChart2",eWidth:"600px",eHeight:"400px",options:{color:["#80FFA5","#00DDFF","#37A2FF","#FF0087","#FFBF00"],title:{text:"Custom"},tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["Line 1","Line 2","Line 3","Line 4","Line 5"]},toolbox:{feature:{saveAsImage:{}}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],yAxis:[{type:"value"}],series:[{name:"Line 1",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new n(0,0,0,1,[{offset:0,color:"rgb(128, 255, 165)"},{offset:1,color:"rgb(1, 191, 236)"}])},emphasis:{focus:"series"},data:[140,232,101,264,90,340,250]},{name:"Line 2",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new n(0,0,0,1,[{offset:0,color:"rgb(0, 221, 255)"},{offset:1,color:"rgb(77, 119, 255)"}])},emphasis:{focus:"series"},data:[120,282,111,234,220,340,310]},{name:"Line 3",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new n(0,0,0,1,[{offset:0,color:"rgb(55, 162, 255)"},{offset:1,color:"rgb(116, 21, 219)"}])},emphasis:{focus:"series"},data:[320,132,201,334,190,130,220]},{name:"Line 4",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new n(0,0,0,1,[{offset:0,color:"rgb(255, 0, 135)"},{offset:1,color:"rgb(135, 0, 157)"}])},emphasis:{focus:"series"},data:[220,402,231,134,190,230,120]},{name:"Line 5",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,label:{show:!0,position:"top"},areaStyle:{opacity:.8,color:new n(0,0,0,1,[{offset:0,color:"rgb(255, 191, 0)"},{offset:1,color:"rgb(224, 62, 76)"}])},emphasis:{focus:"series"},data:[220,302,181,234,210,290,150]}]}})}}};function b(a,i,h,t,y,s){const o=l("EsCharts");return d(),g(o,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var S=p(C,[["render",b]]);const w={name:"EsChart",setup(){return{EsChart:m({Id:"EsChart3",eWidth:"600px",eHeight:"400px",options:{title:{text:"\u6298\u7EBF\u56FE\u57FA\u7840\u9762\u79EF"},xAxis:{type:"category",boundaryGap:!1,data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{data:[820,932,901,934,1290,1330,1320],type:"line",areaStyle:{}}]}})}}};function F(a,i,h,t,y,s){const o=l("EsCharts");return d(),g(o,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var L=p(w,[["render",F]]);const W={},I={class:"markdown-body"},v=r("h1",null,"EsCharts Line \u7EC4\u4EF6",-1),H=r("h3",null,"\u57FA\u7840\u793A\u4F8B",-1),T=r("h3",null,"\u57FA\u7840\u9762\u79EF",-1),A=r("h3",null,"\u8FDB\u9636",-1),k=r("h3",null,"\u53EF\u63A8\u62FD",-1),B=x('<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),G={setup(a,{expose:i}){return i({frontmatter:{}}),(t,y)=>{const s=l("Preview");return d(),u("div",I,[v,H,e(s,{"comp-name":"EsChartsLine","demo-name":"demo"},{default:c(()=>[e(E)]),_:1}),T,e(s,{"comp-name":"EsChartsLine","demo-name":"demo3"},{default:c(()=>[e(L)]),_:1}),A,e(s,{"comp-name":"EsChartsLine","demo-name":"demo2"},{default:c(()=>[e(S)]),_:1}),k,e(s,{"comp-name":"EsChartsLine","demo-name":"demo4"},{default:c(()=>[e(W)]),_:1}),B])}}};export{G as default};