????
Your IP : 216.73.216.130
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{k as jsxRuntimeExports,p as useTheme,s as styled,h as useTheme$1,B as Box,aj as Breadcrumb,ak as SimpleCard}from"./index-y1X-EiI1.js";import{E as EChartsReact}from"./index-zwfUrVj9.js";const option={grid:{left:0,top:0,right:0,bottom:0},xAxis:{show:!1,type:"category",showGrid:!1,boundaryGap:!1},yAxis:{show:!1,type:"value",splitLine:{show:!1}},series:[{data:[25,18,20,30,40,43],type:"line",areaStyle:{},smooth:!0}]},AreaChart=__name(({height,color})=>jsxRuntimeExports.jsx(EChartsReact,{style:{height},option:{...option,color:[...color]}}),"AreaChart"),ComparisonChart=__name(({height,color=[]})=>{const theme=useTheme(),option2={grid:{top:"10%",bottom:"10%",right:"5%"},legend:{show:!1},color:["#223388","rgba(34, 51, 136, 0.8)"],barGap:0,barMaxWidth:"64px",dataset:{source:[["Month","Website","App"],["Jan",2200,1200],["Feb",800,500],["Mar",700,1350],["Apr",1500,1250],["May",2450,450],["June",1700,1250]]},xAxis:{type:"category",axisLine:{show:!1},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{fontSize:13,fontFamily:"roboto",color:theme.palette.text.secondary}},yAxis:{axisLine:{show:!1},axisTick:{show:!1},splitLine:{lineStyle:{color:theme.palette.text.secondary,opacity:.15}},axisLabel:{fontSize:13,fontFamily:"roboto",color:theme.palette.text.secondary}},series:[{type:"bar"},{type:"bar"}]};return jsxRuntimeExports.jsx(EChartsReact,{style:{height},option:{...option2}})},"ComparisonChart"),DoughnutChart=__name(({height,color=[]})=>{const theme=useTheme(),option2={legend:{show:!0,itemGap:20,icon:"circle",bottom:0,textStyle:{color:theme.palette.text.secondary,fontSize:13,fontFamily:"roboto"}},tooltip:{show:!1,trigger:"item",formatter:"{a} <br/>{b}: {c} ({d}%)"},xAxis:[{axisLine:{show:!1},splitLine:{show:!1}}],yAxis:[{axisLine:{show:!1},splitLine:{show:!1}}],series:[{name:"Traffic Rate",type:"pie",radius:["45%","72.55%"],center:["50%","50%"],avoidLabelOverlap:!1,hoverOffset:5,stillShowZeroSum:!1,label:{normal:{show:!1,position:"center",textStyle:{color:theme.palette.text.secondary,fontSize:13,fontFamily:"roboto"},formatter:"{a}"},emphasis:{show:!0,textStyle:{fontSize:"14",fontWeight:"normal"},formatter:`{b}
{c} ({d}%)`}},labelLine:{normal:{show:!1}},data:[{value:65,name:"Google"},{value:20,name:"Facebook"},{value:15,name:"Others"}],itemStyle:{emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]};return jsxRuntimeExports.jsx(EChartsReact,{style:{height},option:{...option2,color:[...color]}})},"DoughnutChart"),LineChart=__name(({height,color=[]})=>{const theme=useTheme(),option2={grid:{top:"10%",bottom:"10%",left:"5%",right:"5%"},legend:{itemGap:20,icon:"circle",textStyle:{color:theme.palette.text.secondary,fontSize:13,fontFamily:"roboto"}},xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],axisLine:{show:!1},axisTick:{show:!1},axisLabel:{fontSize:14,fontFamily:"roboto",color:theme.palette.text.secondary}},yAxis:{type:"value",axisLine:{show:!1},axisTick:{show:!1},splitLine:{lineStyle:{color:theme.palette.text.secondary,opacity:.15}},axisLabel:{color:theme.palette.text.secondary,fontSize:13,fontFamily:"roboto"}},series:[{data:[30,40,20,50,40,80,90],type:"line",stack:"This month",name:"This month",smooth:!0,symbolSize:4,lineStyle:{width:4}},{data:[20,50,15,50,30,70,95],type:"line",stack:"Last month",name:"Last month",smooth:!0,symbolSize:4,lineStyle:{width:4}}]};return jsxRuntimeExports.jsx(EChartsReact,{style:{height},option:{...option2,color:[...color]}})},"LineChart"),Container=styled("div")(({theme})=>({margin:"30px",[theme.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[theme.breakpoints.down("sm")]:{marginBottom:"16px"}}})),AppEchart=__name(()=>{const theme=useTheme$1();return jsxRuntimeExports.jsxs(Container,{children:[jsxRuntimeExports.jsx(Box,{className:"breadcrumb",children:jsxRuntimeExports.jsx(Breadcrumb,{routeSegments:[{name:"Charts",path:"/charts"},{name:"Echarts"}]})}),jsxRuntimeExports.jsx(SimpleCard,{title:"Doughnut Chart",children:jsxRuntimeExports.jsx(DoughnutChart,{height:"350px",color:[theme.palette.primary.dark,theme.palette.primary.main,theme.palette.primary.light]})}),jsxRuntimeExports.jsx(Box,{sx:{py:"12px"}}),jsxRuntimeExports.jsx(SimpleCard,{title:"Line Chart",children:jsxRuntimeExports.jsx(LineChart,{height:"350px",color:[theme.palette.primary.main,theme.palette.primary.light]})}),jsxRuntimeExports.jsx(Box,{sx:{py:"12px"}}),jsxRuntimeExports.jsx(SimpleCard,{title:"Comparison Chart",children:jsxRuntimeExports.jsx(ComparisonChart,{height:"350px",color:[theme.palette.primary.dark,theme.palette.primary.light]})}),jsxRuntimeExports.jsx(Box,{sx:{py:"12px"}}),jsxRuntimeExports.jsx(SimpleCard,{title:"Area Chart",children:jsxRuntimeExports.jsx(AreaChart,{height:"350px",color:[theme.palette.primary.main]})})]})},"AppEchart");export{AppEchart as default};