new CustomApexChart({selector:"#basic-area",options:()=>({chart:{height:380,type:"area",toolbar:{show:!1}},dataLabels:{enabled:!1},stroke:{width:2,curve:"straight"},colors:[ins("primary")],series:[{name:"MyAdmin",data:[110,110,95,95,85,85,95,95,115,115,100,100,115,116,95,95,65,85,90]}],xaxis:{categories:["","8 AM","9 AM","10 AM","11 AM","12 PM","1 PM","2 PM","3 PM","4 PM","5 PM","6 PM","7 PM","8 PM","9 PM","10 PM","11 PM","12 AM",""],axisBorder:{show:!1},axisTicks:{show:!1},tickAmount:6,labels:{style:{fontSize:"12px"}}},yaxis:{opposite:!1,tickAmount:12},tooltip:{shared:!0,y:{formatter:function(e){return e+" Sales"}}},legend:{horizontalAlign:"left"},grid:{borderColor:[ins("border-color")]}})}),new CustomApexChart({selector:"#spline-area",options:()=>({chart:{height:380,type:"area",toolbar:{show:!1}},dataLabels:{enabled:!1},stroke:{width:3,curve:"smooth"},colors:[ins("danger"),ins("blue")],series:[{name:"iPhone 16",data:[110,110,95,95,85,85,95,95,115,115,100,100,115,115,95,95,85,85,90]},{name:"iPhone 16 Pro",data:[80,80,60,60,45,45,80,80,70,70,90,90,80,80,80,60,60,65,50]}],legend:{offsetY:5},xaxis:{categories:["","8 AM","9 AM","10 AM","11 AM","12 PM","1 PM","2 PM","3 PM","4 PM","5 PM","6 PM","7 PM","8 PM","9 PM","10 PM","11 PM","12 AM",""],axisBorder:{show:!1},axisTicks:{show:!1},tickAmount:6,labels:{style:{fontSize:"12px"}}},tooltip:{shared:!0,y:{formatter:function(e){return e+" Orders"}}},fill:{type:"gradient",gradient:{shadeIntensity:1,opacityFrom:.4,opacityTo:.2,stops:[15,120,100]}},grid:{row:{colors:["transparent","transparent"],opacity:.2},borderColor:[ins("border-color")],padding:{bottom:5}}})});let datetimeChart=new CustomApexChart({selector:"#area-chart-datetime",options:()=>({annotations:{yaxis:[{y:30,borderColor:[ins("border-color")],label:{show:!0,text:"Support",style:{color:"#fff",background:[ins("danger")]}}}],xaxis:[{x:new Date("14 Nov 2012").getTime(),borderColor:[ins("border-color")],yAxisIndex:0,label:{show:!0,text:"Rally",style:{color:"#fff",background:[ins("warning")]}}}]},chart:{type:"area",height:350,toolbar:{show:!1}},stroke:{width:3,curve:"smooth"},colors:[ins("secondary")],dataLabels:{enabled:!1},series:[{name:"MyAdmin",data:[[13273596e5,30.95],[1327446e6,31.34],[13275324e5,31.18],[13276188e5,31.05],[1327878e6,31],[13279644e5,30.95],[13280508e5,31.24],[13281372e5,31.29],[13282236e5,31.85],[13284828e5,31.86],[13285692e5,32.28],[13286556e5,32.1],[1328742e6,32.65],[13288284e5,32.21],[13290876e5,32.35],[1329174e6,32.44],[13292604e5,32.46],[13293468e5,32.86],[13294332e5,32.75],[13297788e5,32.54],[13298652e5,32.33],[13299516e5,32.97],[1330038e6,33.41],[13302972e5,33.27],[13303836e5,33.27],[133047e7,32.89],[13305564e5,33.1],[13306428e5,33.73],[1330902e6,33.22],[13309884e5,31.99],[13310748e5,32.41],[13311612e5,33.05],[13312476e5,33.64],[13315068e5,33.56],[13315932e5,34.22],[13316796e5,33.77],[1331766e6,34.17],[13318524e5,33.82],[13321116e5,34.51],[1332198e6,33.16],[13322844e5,33.56],[13323708e5,33.71],[13324572e5,33.81],[13327128e5,34.4],[13327992e5,34.63],[13328856e5,34.46],[1332972e6,34.48],[13330584e5,34.31],[13333176e5,34.7],[1333404e6,34.31],[13334904e5,33.46],[13335768e5,33.59],[13339224e5,33.22],[13340088e5,32.61],[13340952e5,33.01],[13341816e5,33.55],[1334268e6,33.18],[13345272e5,32.84],[13346136e5,33.84],[13347e8,33.39],[13347864e5,32.91],[13348728e5,33.06],[1335132e6,32.62],[13352184e5,32.4],[13353048e5,33.13],[13353912e5,33.26],[13354776e5,33.58],[13357368e5,33.55],[13358232e5,33.77],[13359096e5,33.76],[1335996e6,33.32],[13360824e5,32.61],[13363416e5,32.52],[1336428e6,32.67],[13365144e5,32.52],[13366008e5,31.92],[13366872e5,32.2],[13369464e5,32.23],[13370328e5,32.33],[13371192e5,32.36],[13372056e5,32.01],[1337292e6,31.31],[13375512e5,32.01],[13376376e5,32.01],[1337724e6,32.18],[13378104e5,31.54],[13378968e5,31.6],[13382424e5,32.05],[13383288e5,31.29],[13384152e5,31.05],[13385016e5,29.82],[13387608e5,30.31],[13388472e5,30.7],[13389336e5,31.69],[133902e7,31.32],[13391064e5,31.65],[13393656e5,31.13],[1339452e6,31.77],[13395384e5,31.79],[13396248e5,31.67],[13397112e5,32.39],[13399704e5,32.63],[13400568e5,32.89],[13401432e5,31.99],[13402296e5,31.23],[1340316e6,31.57],[13405752e5,30.84],[13406616e5,31.07],[1340748e6,31.41],[13408344e5,31.17],[13409208e5,32.37],[134118e7,32.19],[13412664e5,32.51],[13414392e5,32.53],[13415256e5,31.37],[13417848e5,30.43],[13418712e5,30.44],[13419576e5,30.2],[1342044e6,30.14],[13421304e5,30.65],[13423896e5,30.4],[1342476e6,30.65],[13425624e5,31.43],[13426488e5,31.89],[13427352e5,31.38],[13429944e5,30.64],[13430808e5,30.02],[13431672e5,30.33],[13432536e5,30.95],[134334e7,31.89],[13435992e5,31.01],[13436856e5,30.88],[1343772e6,30.69],[13438584e5,30.58],[13439448e5,32.02],[1344204e6,32.14],[13442904e5,32.37],[13443768e5,32.51],[13444632e5,32.65],[13445496e5,32.64],[13448088e5,32.27],[13448952e5,32.1],[13449816e5,32.91],[1345068e6,33.65],[13451544e5,33.8],[13454136e5,33.92],[13455e8,33.75],[13455864e5,33.84],[13456728e5,33.5],[13457592e5,32.26],[13460184e5,32.32],[13461048e5,32.06],[13461912e5,31.96],[13462776e5,31.46],[1346364e6,31.27],[13467096e5,31.43],[1346796e6,32.26],[13468824e5,32.79],[13469688e5,32.46],[1347228e6,32.13],[13473144e5,32.43],[13474008e5,32.42],[13474872e5,32.81],[13475736e5,33.34],[13478328e5,33.41],[13479192e5,32.57],[13480056e5,33.12],[1348092e6,34.53],[13481784e5,33.83],[13484376e5,33.41],[1348524e6,32.9],[13486104e5,32.53],[13486968e5,32.8],[13487832e5,32.44],[13490424e5,32.62],[13491288e5,32.57],[13492152e5,32.6],[13493016e5,32.68],[1349388e6,32.47],[13496472e5,32.23],[13497336e5,31.68],[134982e7,31.51],[13499064e5,31.78],[13499928e5,31.94],[1350252e6,32.33],[13503384e5,33.24],[13504248e5,33.44],[13505112e5,33.48],[13505976e5,33.24],[13508568e5,33.49],[13509432e5,33.31],[13510296e5,33.36],[1351116e6,33.4],[13512024e5,34.01],[1351638e6,34.02],[13517244e5,34.36],[13518108e5,34.39],[135207e7,34.24],[13521564e5,34.39],[13522428e5,33.47],[13523292e5,32.98],[13524156e5,32.9],[13526748e5,32.7],[13527612e5,32.54],[13528476e5,32.23],[1352934e6,32.64],[13530204e5,32.65],[13532796e5,32.92],[1353366e6,32.64],[13534524e5,32.84],[13536252e5,33.4],[13538844e5,33.3],[13539708e5,33.18],[13540572e5,33.88],[13541436e5,34.09],[135423e7,34.61],[13544892e5,34.7],[13545756e5,35.3],[1354662e6,35.4],[13547484e5,35.14],[13548348e5,35.48],[1355094e6,35.75],[13551804e5,35.54],[13552668e5,35.96],[13553532e5,35.53],[13554396e5,37.56],[13556988e5,37.42],[13557852e5,37.49],[13558716e5,38.09],[1355958e6,37.87],[13560444e5,37.71],[13563036e5,37.53],[13564764e5,37.55],[13565628e5,37.3],[13566492e5,36.9],[13569084e5,37.68],[13570812e5,38.34],[13571676e5,37.75],[1357254e6,38.13],[13575132e5,37.94],[13575996e5,38.14],[1357686e6,38.66],[13577724e5,38.62],[13578588e5,38.09],[1358118e6,38.16],[13582044e5,38.15],[13582908e5,37.88],[13583772e5,37.73],[13584636e5,37.98],[13588092e5,37.95],[13588956e5,38.25],[1358982e6,38.1],[13590684e5,38.32],[13593276e5,38.24],[1359414e6,38.52],[13595004e5,37.94],[13595868e5,37.83],[13596732e5,38.34],[13599324e5,38.1],[13600188e5,38.51],[13601052e5,38.4],[13601916e5,38.07],[1360278e6,39.12],[13605372e5,38.64],[13606236e5,38.89],[136071e7,38.81],[13607964e5,38.61],[13608828e5,38.63],[13612284e5,38.99],[13613148e5,38.77],[13614012e5,38.34],[13614876e5,38.55],[13617468e5,38.11],[13618332e5,38.59],[13619196e5,39.6]]}],markers:{size:0,style:"hollow"},xaxis:{type:"datetime",min:new Date("01 Mar 2012").getTime(),tickAmount:6},tooltip:{x:{format:"dd MMM yyyy"}},fill:{type:"gradient",gradient:{shadeIntensity:1,opacityFrom:.7,opacityTo:.9,stops:[0,100]}}})}),fullData=datetimeChart.getOptions().series[0].data;function filterChartRange(e){var t=new Date(fullData[fullData.length-1][0]);let a;switch(e){case"1M":(a=new Date(t)).setMonth(t.getMonth()-1);break;case"6M":(a=new Date(t)).setMonth(t.getMonth()-6);break;case"1Y":(a=new Date(t)).setFullYear(t.getFullYear()-1);break;case"YTD":a=new Date(t.getFullYear(),0,1);break;default:a=new Date(fullData[0][0])}e=fullData.filter(e=>e[0]>=a.getTime());datetimeChart.chart.updateSeries([{name:"MyAdmin",data:e}])}function generateWaveStyleData(a,e,r,o){var s=[];for(let t=0;t<e;t++){let e=Math.sin(t/2)*(o-r)/2+(r+(o-r)/2);e=parseFloat(e.toFixed(2)),s.push([a+864e5*t,e])}return s}document.querySelectorAll(".toolbar button").forEach(e=>{e.addEventListener("click",()=>{filterChartRange(e.getAttribute("data-range")),document.querySelectorAll(".toolbar button").forEach(e=>e.classList.remove("active")),e.classList.add("active")})}),new CustomApexChart({selector:"#area-chart-negative",options:()=>({series:[{name:"Payments",data:[0,-41,35,-51,0,62,-69,32,-32,54,16,-50]}],chart:{height:380,type:"area",toolbar:{show:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1},stroke:{width:0},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},yaxis:{labels:{formatter:function(e){return e+" USD"}}},tooltip:{y:{formatter:function(e){return e+" USD"}}},plotOptions:{line:{colors:{threshold:0,colorAboveThreshold:[ins("success")],colorBelowThreshold:[ins("danger")]}}}})}),new CustomApexChart({selector:"#area-chart-github2",options:()=>({chart:{id:"chartyear",type:"area",height:200,toolbar:{show:!1,autoSelected:"pan"}},colors:[ins("secondary")],stroke:{width:0,curve:"smooth"},dataLabels:{enabled:!1},fill:{opacity:1,type:"solid"},series:[{name:"commits",data:githubdata.series}],yaxis:{tickAmount:10,labels:{show:!1}},xaxis:{type:"datetime"}})}),new CustomApexChart({selector:"#area-chart-github",options:()=>({chart:{height:175,type:"area",toolbar:{autoSelected:"selection"},brush:{enabled:!0,target:"chartyear"},selection:{enabled:!0,xaxis:{min:new Date("05 Jan 2015").getTime(),max:new Date("04 Jan 2016").getTime()},fill:{color:ins("primary"),opacity:.15},stroke:{color:ins("primary"),width:1,dashArray:3},handle:{backgroundColor:"#FF9800",borderColor:"#F57C00",borderWidth:2}}},colors:[ins("info")],dataLabels:{enabled:!1},stroke:{width:0,curve:"smooth"},series:[{name:"commits",data:githubdata.series}],fill:{opacity:1,type:"solid"},legend:{position:"top",horizontalAlign:"left"},xaxis:{type:"datetime"}})}),new CustomApexChart({selector:"#stacked-area",options:()=>({chart:{height:422,type:"area",stacked:!0,toolbar:{show:!1},events:{selection:function(e,t){console.log(new Date(t.xaxis.min))}}},colors:[ins("primary"),ins("secondary"),ins("gray")],dataLabels:{enabled:!1},stroke:{width:2,curve:"smooth"},series:[{name:"iPhone 16",data:generateWaveStyleData(new Date("11 Feb 2025").getTime(),20,10,60)},{name:"iPhone 16 Pro",data:generateWaveStyleData(new Date("11 Feb 2025").getTime(),20,10,20)},{name:"iPhone 15 Pro",data:generateWaveStyleData(new Date("11 Feb 2025").getTime(),20,10,15)}],fill:{gradient:{enabled:!0,opacityFrom:.6,opacityTo:.8}},legend:{position:"top",horizontalAlign:"center"},xaxis:{type:"datetime"},grid:{row:{colors:["transparent","transparent"],opacity:.2},borderColor:[ins("border-color")]}})});let ts1=13885344e5,ts2=13886208e5,ts3=13890528e5,dataSet=[[],[],[]];for(let t=0;t<12;t++){let e=[ts1+=864e5,dataSeries[2][t].value];dataSet[0].push(e)}for(let t=0;t<18;t++){let e=[ts2+=864e5,dataSeries[1][t].value];dataSet[1].push(e)}for(let t=0;t<12;t++){let e=[ts3+=864e5,dataSeries[0][t].value];dataSet[2].push(e)}new CustomApexChart({selector:"#area-timeSeries",options:()=>({chart:{type:"area",stacked:!1,height:380,toolbar:{show:!1},zoom:{enabled:!1}},plotOptions:{line:{curve:"smooth"}},dataLabels:{enabled:!1},series:[{name:"Product A",data:dataSet[0]},{name:"Product B",data:dataSet[1]},{name:"Product C",data:dataSet[2]}],colors:[ins("warning"),ins("primary"),ins("secondary")],markers:{size:0,style:"full"},stroke:{width:3},fill:{gradient:{enabled:!0,shadeIntensity:1,inverseColors:!1,opacityFrom:.45,opacityTo:.05,stops:[20,100,100,100]}},yaxis:{labels:{style:{color:[ins("gray")]},offsetX:0,formatter:function(e){return(e/1e6).toFixed(0)}},axisBorder:{show:!1},axisTicks:{show:!1}},xaxis:{type:"datetime",tickAmount:8,labels:{formatter:function(e){return moment(new Date(e)).format("DD MMM YYYY")}}},tooltip:{shared:!0,y:{formatter:function(e){return(e/1e6).toFixed(0)+" points"}}},legend:{position:"bottom",horizontalAlign:"center",offsetY:10},grid:{row:{colors:["transparent","transparent"],opacity:.2},borderColor:[ins("border-color")]}})}),new CustomApexChart({selector:"#area-chart-nullvalues",options:()=>({chart:{height:380,type:"area",toolbar:{show:!1},animations:{enabled:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1},stroke:{curve:"straight"},colors:[ins("secondary")],series:[{name:"Network",data:[{x:"Apr 01 2025",y:48},{x:"Apr 02 2025",y:30},{x:"Apr 03 2025",y:45},{x:"Apr 04 2025",y:51},{x:"Apr 05 2025",y:null},{x:"Apr 06 2025",y:36},{x:"Apr 07 2025",y:42},{x:"Apr 08 2025",y:59},{x:"Apr 09 2025",y:63},{x:"Apr 10 2025",y:22},{x:"Apr 11 2025",y:31},{x:"Apr 12 2025",y:null},{x:"Apr 13 2025",y:null},{x:"Apr 14 2025",y:19},{x:"Apr 15 2025",y:6},{x:"Apr 16 2025",y:17},{x:"Apr 17 2025",y:null},{x:"Apr 18 2025",y:11},{x:"Apr 19 2025",y:37},{x:"Apr 20 2025",y:25},{x:"Apr 21 2025",y:null},{x:"Apr 22 2025",y:15},{x:"Apr 23 2025",y:18},{x:"Apr 24 2025",y:20}]}],fill:{opacity:.8,gradient:{enabled:!1},pattern:{enabled:!0,style:["verticalLines","horizontalLines"],width:5,depth:6}},markers:{size:5,hover:{size:9}},tooltip:{intersect:!0,shared:!1},theme:{palette:"palette3"},xaxis:{type:"datetime"},yaxis:{title:{text:"Bytes Received",offsetX:-5,style:{fontSize:"14px",fontWeight:500}}},grid:{row:{colors:["transparent","transparent"],opacity:.2},borderColor:[ins("border-color")]}})});