const revenueWithOrderOptions={series:[{name:"Income",data:[10,8,12,8.5,17,9,13,18,13,14]},{name:"Expense",data:[6,4.5,8,4.6,8,3.5,7,10,6,8]}],chart:{height:300,type:"line",toolbar:{show:!1},zoom:{enabled:!1},parentHeightOffset:0},colors:["#663ffa","#5d7186"],stroke:{curve:"smooth",width:[2,2]},markers:{size:0},grid:{borderColor:"#f1f3fa",yaxis:{lines:{show:!0}},xaxis:{lines:{show:!1}}},xaxis:{categories:["Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],axisBorder:{show:!1},axisTicks:{show:!1},labels:{style:{fontSize:"12px",colors:"#4d5761"}}},yaxis:{min:0,max:20,tickAmount:4,labels:{style:{fontSize:"12px",colors:"#4d5761"},formatter:function(e){return"$".concat(e,"k")}}},legend:{position:"top",horizontalAlign:"right",fontSize:"12px",markers:{width:10,height:10,radius:6}},dataLabels:{enabled:!1},tooltip:{shared:!0,intersect:!1,y:{formatter:function(e){return"$".concat(e,"k")}}}},revenueWithOrderChart=new ApexCharts(document.querySelector("#revenue_summary"),revenueWithOrderOptions);revenueWithOrderChart.render();const columnChartDatabaseOptions={chart:{height:250,type:"bar",toolbar:{show:!1}},plotOptions:{bar:{borderRadius:2,columnWidth:"30%",horizontal:!0,dataLabels:{position:"top"}}},dataLabels:{enabled:!0,formatter:function(e){return e+"+"},offsetX:25,style:{fontSize:"12px",colors:["#304758"]}},colors:["#5d7186"],legend:{show:!0,horizontalAlign:"center",offsetX:0,offsetY:-5},series:[{name:"Total Order",data:[37,43,40,51,45,23,54]}],xaxis:{categories:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],position:"bottom",labels:{offsetY:0,style:{fontSize:"12px",colors:"#4d5761"}},axisBorder:{show:!0},axisTicks:{show:!0},tooltip:{enabled:!0,offsetY:-10}},yaxis:{axisBorder:{show:!0},axisTicks:{show:!0},labels:{show:!0,style:{fontSize:"12px",colors:"#4d5761"}}},grid:{row:{colors:["transparent","transparent"],opacity:.2},borderColor:"#f1f3fa"}},columnChartDatabaseChart=new ApexCharts(document.querySelector("#datalabels-column2"),columnChartDatabaseOptions);function generateData(e,a){let t=0,o=[];for(;t<e;){var r=(t+1).toString(),s=Math.floor(Math.random()*(a.max-a.min+1))+a.min;o.push({x:r,y:s}),t++}return o}columnChartDatabaseChart.render();const basicHeatmapOptions={chart:{toolbar:{show:!1},height:250,type:"heatmap"},dataLabels:{enabled:!1},colors:["#53389f"],series:[{name:"Food",data:[{x:"Sun",y:22},{x:"Mon",y:29},{x:"Tue",y:13},{x:"Wed",y:32},{x:"Thu",y:32},{x:"Fri",y:32},{x:"Sat",y:32}]},{name:"Beverage",data:generateData(7,{min:0,max:90})},{name:"Snack",data:generateData(7,{min:0,max:90})},{name:"Hot Drinks",data:generateData(7,{min:0,max:90})},{name:"Veg Food",data:generateData(7,{min:0,max:90})}],xaxis:{type:"category"},yaxis:{labels:{style:{fontSize:"11px"}}}},basicHeatmapChart=new ApexCharts(document.querySelector("#basic-heatmap"),basicHeatmapOptions);basicHeatmapChart.render();