1 line
1.3 KiB
JavaScript
Executable File
1 line
1.3 KiB
JavaScript
Executable File
function generateRandomData(e,t,a){return Array.from({length:e},()=>Math.floor(Math.random()*(a-t+1))+t)}new CustomApexChart({selector:"#seller-revenue",options:()=>({series:[{name:"Orders",type:"area",data:generateRandomData(12,40,100)},{name:"Earnings",type:"bar",data:generateRandomData(12,70,150).map(e=>(1.1*e).toFixed(2))},{name:"Refunds",type:"line",data:generateRandomData(12,3,12)}],chart:{height:370,type:"line",toolbar:{show:!1}},stroke:{curve:"straight",dashArray:[0,0,8],width:[2,0,2.2]},fill:{opacity:[.1,.9,1]},markers:{size:[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}},grid:{show:!0,xaxis:{lines:{show:!1}},yaxis:{lines:{show:!0}},padding:{top:0,right:0,bottom:10,left:0}},legend:{show:!0,horizontalAlign:"center",offsetX:0,offsetY:5,markers:{width:9,height:9,radius:6},itemMargin:{horizontal:10,vertical:0}},plotOptions:{bar:{columnWidth:"30%",barHeight:"70%",borderRadius:5}},colors:[ins("secondary"),ins("chart-primary"),ins("warning")],tooltip:{shared:!0,y:[{formatter:function(e){return void 0!==e?e.toFixed(0)+" Sales":e}},{formatter:function(e){return void 0!==e?"$"+e.toFixed(2)+"k":e}},{formatter:function(e){return void 0!==e?e.toFixed(0)+" Sales":e}}]}})}); |