web-plus-ui
Version:
vue3+vite+ts+element-plus 组件库
2 lines (1 loc) • 5.35 kB
JavaScript
import{_ as m}from"./index.17927878.js";import{r as x,a as i,o as c,f as B,c as F,e as s,w as p,b as l,R as f}from"./vendor.184a8d03.js";const A={name:"EsChartPie",setup(){return{EsChart:x({Id:"EsChart",eWidth:"600px",eHeight:"400px",options:{title:{text:"\u997C\u72B6\u56FE\u5165\u95E8\u793A\u4F8B",left:"center"},tooltip:{trigger:"item"},legend:{orient:"vertical",left:"left"},series:[{name:"Access From",type:"pie",radius:"50%",data:[{value:1048,name:"Search Engine"},{value:735,name:"Direct"},{value:580,name:"Email"},{value:484,name:"Union Ads"},{value:300,name:"Video Ads"}],emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]}})}}};function v(r,u,d,t,n,e){const a=i("EsCharts");return c(),B(a,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var b=m(A,[["render",v]]);const w={name:"EsChartPie",setup(){const u=function(t){const n=["\u8D75","\u94B1","\u5B59","\u674E","\u5468","\u5434","\u90D1","\u738B","\u51AF","\u9648","\u891A","\u536B","\u848B","\u6C88","\u97E9","\u6768","\u6731","\u79E6","\u5C24","\u8BB8","\u4F55","\u5415","\u65BD","\u5F20","\u5B54","\u66F9","\u4E25","\u534E","\u91D1","\u9B4F","\u9676","\u59DC","\u621A","\u8C22","\u90B9","\u55BB","\u67CF","\u6C34","\u7AA6","\u7AE0","\u4E91","\u82CF","\u6F58","\u845B","\u595A","\u8303","\u5F6D","\u90CE","\u9C81","\u97E6","\u660C","\u9A6C","\u82D7","\u51E4","\u82B1","\u65B9","\u4FDE","\u4EFB","\u8881","\u67F3","\u9146","\u9C8D","\u53F2","\u5510","\u8D39","\u5EC9","\u5C91","\u859B","\u96F7","\u8D3A","\u502A","\u6C64","\u6ED5","\u6BB7","\u7F57","\u6BD5","\u90DD","\u90AC","\u5B89","\u5E38","\u4E50","\u4E8E","\u65F6","\u5085","\u76AE","\u535E","\u9F50","\u5EB7","\u4F0D","\u4F59","\u5143","\u535C","\u987E","\u5B5F","\u5E73","\u9EC4","\u548C","\u7A46","\u8427","\u5C39","\u59DA","\u90B5","\u6E5B","\u6C6A","\u7941","\u6BDB","\u79B9","\u72C4","\u7C73","\u8D1D","\u660E","\u81E7","\u8BA1","\u4F0F","\u6210","\u6234","\u8C08","\u5B8B","\u8305","\u5E9E","\u718A","\u7EAA","\u8212","\u5C48","\u9879","\u795D","\u8463","\u6881","\u675C","\u962E","\u84DD","\u95F5","\u5E2D","\u5B63","\u9EBB","\u5F3A","\u8D3E","\u8DEF","\u5A04","\u5371"],e=[],a=[];for(var h=0;h<t;h++){var E=Math.random()>.65?o(4,1)+"\xB7"+o(3,0):o(2,1);e.push(E),a.push({name:E,value:Math.round(Math.random()*1e5)})}return{legendData:e,seriesData:a};function o(_,y){const D=Math.ceil(Math.random()*_+y),C=[];for(var g=0;g<D;g++)C.push(n[Math.round(Math.random()*n.length-1)]);return C.join("")}}(50);return{EsChart:x({Id:"EsChart2",eWidth:"800px",eHeight:"500px",options:{title:{text:"\u6EDA\u52A8\u997C\u72B6\u56FE",subtext:"\u7EAF\u5C5E\u865A\u6784",left:"center"},tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:{type:"scroll",orient:"vertical",right:10,top:20,bottom:20,data:u.legendData},series:[{name:"\u59D3\u540D",type:"pie",radius:"55%",center:["40%","50%"],data:u.seriesData,emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]}})}}};function W(r,u,d,t,n,e){const a=i("EsCharts");return c(),B(a,{echartsId:t.EsChart.Id,eWidth:t.EsChart.eWidth,eHeight:t.EsChart.eHeight,options:t.EsChart.options},null,8,["echartsId","eWidth","eHeight","options"])}var H=m(w,[["render",W]]);const I={class:"markdown-body"},M=l("h1",null,"EsCharts Pie \u7EC4\u4EF6",-1),P=l("h3",null,"\u57FA\u7840\u793A\u4F8B",-1),k=l("h3",null,"\u53EF\u6EDA\u52A8\u7684\u997C\u56FE",-1),j=f('<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),N={setup(r,{expose:u}){return u({frontmatter:{}}),(t,n)=>{const e=i("Preview");return c(),F("div",I,[M,P,s(e,{"comp-name":"EsChartsPie","demo-name":"demo"},{default:p(()=>[s(b)]),_:1}),k,s(e,{"comp-name":"EsChartsPie","demo-name":"demo2"},{default:p(()=>[s(H)]),_:1}),j])}}};export{N as default};