View file Boron/Admin/dist/assets/js/pages/dashboard-sales.js

File size: 2.37Kb
var colors=["#ce7e7e","#6ac75a","#fa5c7c","#ffbc00"],dataColors=$("#revenue-chart").data("colors"),options={series:[{name:"Total Income",type:"bar",data:[89.25,98.58,68.74,108.87,77.54,84.03,51.24,28.57,92.57,42.36,88.51,36.57]},{name:"Total Expenses",type:"bar",data:[22.25,24.58,36.74,22.87,19.54,25.03,29.24,10.57,24.57,35.36,20.51,17.57]},{name:"Investments",type:"area",data:[34,65,46,68,49,61,42,44,78,52,63,67]},{name:"Savings",type:"line",data:[8,12,7,17,21,11,5,9,7,29,12,35]}],chart:{height:300,type:"line",toolbar:{show:!1}},stroke:{dashArray:[0,0,0,8],width:[0,0,2,2],curve:"smooth"},fill:{opacity:[1,1,.1,1],type:["gradient","solid","solid","solid"],gradient:{type:"vertical",inverseColors:!1,opacityFrom:.5,opacityTo:0,stops:[0,70]}},markers:{size:[0,0,0,0],strokeWidth:2,hover:{size:4}},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],axisTicks:{show:!1},axisBorder:{show:!1}},yaxis:{stepSize:25,min:0,labels:{formatter:function(e){return e+"k"},offsetX:-15},axisBorder:{show:!1}},grid:{show:!0,xaxis:{lines:{show:!1}},yaxis:{lines:{show:!0}},padding:{top:0,right:-15,bottom:15,left:-15}},legend:{show:!0,horizontalAlign:"center",offsetX:0,offsetY:-5,markers:{width:9,height:9,radius:6},itemMargin:{horizontal:10,vertical:0}},plotOptions:{bar:{columnWidth:"50%",barHeight:"70%",borderRadius:3}},colors:colors=dataColors?dataColors.split(","):colors,tooltip:{shared:!0,y:[{formatter:function(e){return void 0!==e?"$"+e.toFixed(2)+"k":e}},{formatter:function(e){return void 0!==e?"$"+e.toFixed(2)+"k":e}},{formatter:function(e){return void 0!==e?"$"+e.toFixed(2)+"k":e}},{formatter:function(e){return void 0!==e?"$"+e.toFixed(2)+"k":e}}]}},chart=new ApexCharts(document.querySelector("#revenue-chart"),options),colors=(chart.render(),["#6C757D","#FFBC00","#ce7e7e","#6ac75a"]),dataColors=$("#multiple-radialbar").data("colors"),options={chart:{height:330,type:"radialBar"},plotOptions:{circle:{dataLabels:{showOn:"hover"}},radialBar:{track:{margin:"17%",background:"rgba(170,184,197, 0.2)"},hollow:{size:"1%"},dataLabels:{name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"},colors:colors=dataColors?dataColors.split(","):colors,series:[44,55,67,22],labels:["Completed","In Progress","Yet to Start","Cancelled"],responsive:[{breakpoint:380,options:{chart:{height:260}}}]};(chart=new ApexCharts(document.querySelector("#multiple-radialbar"),options)).render();