1 line
9.6 KiB
JavaScript
Executable File
1 line
9.6 KiB
JavaScript
Executable File
new CustomApexChart({selector:"#basic-bar",options:()=>({chart:{height:350,type:"bar",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0}},dataLabels:{enabled:!1},tooltip:{y:{formatter:function(e){return e+"k Orders"}}},series:[{name:"iPhone 16",data:[400,430,448,470,540,580,690,1100,1200,1380]}],colors:[ins("primary")],xaxis:{categories:["South Korea","Canada","United Kingdom","Netherlands","Italy","France","Japan","United States","China","Germany"],axisBorder:{show:!1}},states:{hover:{filter:"none"}},grid:{borderColor:[ins("border-color")],padding:{top:-20,right:0,bottom:-20,left:0}}})}),new CustomApexChart({selector:"#grouped-bar",options:()=>({chart:{height:350,type:"bar",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0,borderRadius:6,borderRadiusApplication:"end",dataLabels:{position:"top"}}},dataLabels:{enabled:!0,offsetX:15,style:{fontSize:"12px",colors:[ins("body-color")]}},colors:[ins("primary"),ins("secondary")],stroke:{show:!0,width:2,colors:[ins("secondary-bg")]},series:[{name:"iPhone 16",data:[44,55,41,64,22,43,21]},{name:"iPhone 16 Pro",data:[53,32,33,52,13,44,32]}],xaxis:{categories:[2019,2020,2021,2022,2023,2024,2025],axisBorder:{show:!1}},tooltip:{y:{formatter:function(e){return e+" Sales"}}},legend:{offsetY:5},states:{hover:{filter:"none"}},grid:{borderColor:[ins("border-color")],padding:{top:-20,right:0,bottom:-10,left:0}}})}),new CustomApexChart({selector:"#stacked-bar",options:()=>({chart:{height:350,type:"bar",stacked:!0,toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0}},stroke:{show:!1},series:[{name:"Marine Sprite",data:[44,55,41,37,22,43,21]},{name:"Striking Calf",data:[53,32,33,52,13,43,32]},{name:"Tank Picture",data:[12,17,11,9,15,11,20]},{name:"Bucket Slope",data:[9,7,5,8,6,9,4]},{name:"Reborn Kid",data:[25,12,19,32,25,24,10]}],xaxis:{categories:[2019,2020,2021,2022,2023,2024,2025],labels:{formatter:function(e){return e+"K"}},axisBorder:{show:!1}},yaxis:{title:{text:void 0}},colors:[ins("primary"),ins("secondary"),ins("info"),ins("danger"),ins("purple")],tooltip:{y:{formatter:function(e){return e+"K"}}},fill:{opacity:1},states:{hover:{filter:"none"}},legend:{position:"top",horizontalAlign:"center",offsetY:-7},grid:{borderColor:[ins("border-color")],padding:{top:-30,right:0,bottom:-15,left:0}}})}),new CustomApexChart({selector:"#full-stacked-bar",options:()=>({chart:{height:350,type:"bar",stacked:!0,stackType:"100%",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0}},stroke:{width:1,colors:["transparent"]},series:[{name:"Marine Sprite",data:[44,55,41,37,22,43,21]},{name:"Striking Calf",data:[53,32,33,52,13,43,32]},{name:"Tank Picture",data:[12,17,11,9,15,11,20]},{name:"Bucket Slope",data:[9,7,5,8,6,9,4]},{name:"Reborn Kid",data:[25,12,19,32,25,24,10]}],xaxis:{categories:[2019,2020,2021,2022,2023,2024,2025],axisBorder:{show:!1}},colors:[ins("info"),ins("warning"),ins("primary"),ins("pink"),ins("purple")],tooltip:{y:{formatter:function(e){return e+"K"}}},fill:{opacity:1},states:{hover:{filter:"none"}},legend:{position:"top",horizontalAlign:"center",offsetY:-7},grid:{borderColor:[ins("border-color")],padding:{top:-30,right:0,bottom:-15,left:0}}})}),new CustomApexChart({selector:"#grouped-stacked-bar",options:()=>({series:[{name:"Q1 Budget",group:"budget",data:[44e3,55e3,41e3,67e3,22e3]},{name:"Q1 Actual",group:"actual",data:[48e3,5e4,4e4,65e3,25e3]},{name:"Q2 Budget",group:"budget",data:[13e3,36e3,2e4,8e3,13e3]},{name:"Q2 Actual",group:"actual",data:[2e4,4e4,25e3,1e4,12e3]}],chart:{type:"bar",height:350,stacked:!0,toolbar:{show:!1}},stroke:{width:1,colors:["#fff"]},dataLabels:{formatter:e=>e/1e3+"K"},plotOptions:{bar:{horizontal:!0}},xaxis:{categories:["Online advertising","Sales Training","Print advertising","Catalogs","Meetings"],labels:{formatter:e=>e/1e3+"K"}},fill:{opacity:1},colors:[ins("primary"),ins("secondary"),ins("info"),ins("danger")],legend:{position:"top",horizontalAlign:"center",offsetY:-7},grid:{borderColor:[ins("border-color")],padding:{top:-20,right:0,bottom:-15,left:0}}})}),new CustomApexChart({selector:"#negative-bar",options:()=>({chart:{height:350,type:"bar",stacked:!0,toolbar:{show:!1}},colors:[ins("success"),ins("danger")],plotOptions:{bar:{horizontal:!0,barHeight:"80%"}},dataLabels:{enabled:!1},stroke:{width:1,colors:["transparent"]},series:[{name:"Male",data:[.4,.65,.76,.88,1.5,2.1,2.9,3.8,3.9,4.2,4,4.3,4.1,4.2,4.5,3.9,3.5,3]},{name:"Females",data:[-.8,-1.05,-1.06,-1.18,-1.4,-2.2,-2.85,-3.7,-3.96,-4.22,-4.3,-4.4,-4.1,-4,-4.1,-3.4,-3.1,-2.8]}],yaxis:{min:-5,max:5,title:{text:"Age",style:{fontSize:"14px",fontWeight:600}}},tooltip:{shared:!1,x:{formatter:function(e){return e}},y:{formatter:function(e){return Math.abs(e)+"%"}}},xaxis:{categories:["85+","80-84","75-79","70-74","65-69","60-64","55-59","50-54","45-49","40-44","35-39","30-34","25-29","20-24","15-19","10-14","5-9","0-4"],title:{text:"Percent",style:{fontSize:"14px",fontWeight:600}},labels:{formatter:function(e){return Math.abs(Math.round(e))+"%"}},axisBorder:{show:!1}},legend:{offsetY:7},grid:{borderColor:[ins("border-color")],xaxis:{showLines:!1},padding:{top:-20,right:0,bottom:-15,left:0}}})}),new CustomApexChart({selector:"#reversed-bar",options:()=>({series:[{data:[400,430,448,470,540,580,690]}],chart:{type:"bar",height:350},colors:[ins("success")],annotations:{xaxis:[{x:500,borderColor:ins("success"),label:{borderColor:ins("success"),style:{color:"#fff",background:ins("success")},text:"X annotation"}}],yaxis:[{y:"July",y2:"September",label:{text:"Y annotation"}}]},plotOptions:{bar:{horizontal:!0}},dataLabels:{enabled:!0},xaxis:{categories:["June","July","August","September","October","November","December"],axisBorder:{show:!1}},grid:{borderColor:[ins("border-color")],xaxis:{lines:{show:!0}},padding:{top:-20,right:0,bottom:-15,left:0}},yaxis:{reversed:!0,axisTicks:{show:!0}}})});let labels=Array.apply(null,{length:39}).map(function(e,t){return t+1});new CustomApexChart({selector:"#image-fill-bar",options:()=>({chart:{height:350,type:"bar",toolbar:{show:!1},animations:{enabled:!1}},plotOptions:{bar:{horizontal:!0}},dataLabels:{enabled:!1},colors:[ins("success")],stroke:{colors:["#fff"],width:.2},series:[{name:"iPhones",data:[2,4,3,4,3,5,5,6.5,6,5,4,5,8,7,7,8,8,10,9,9,12,12,11,12,13,14,16,14,15,17,19,21,12,12,11,12,13,14,16,14,15,17,19,21]}],labels:labels,yaxis:{axisBorder:{show:!1},axisTicks:{show:!1},labels:{show:!1},title:{text:"Weight",style:{fontSize:"14px",fontWeight:600}}},xaxis:{axisBorder:{show:!1}},grid:{borderColor:[ins("border-color")],position:"back",padding:{top:-20,right:0,bottom:-15,left:0}},fill:{type:"image",opacity:.87,image:{src:["assets/images/stock/small-1.jpg"],width:466,height:406}}})}),new CustomApexChart({selector:"#datalables-bar",options:()=>({chart:{height:350,type:"bar"},plotOptions:{bar:{barHeight:"100%",distributed:!0,horizontal:!0,dataLabels:{position:"bottom"}}},colors:[ins("primary"),ins("secondary"),ins("info"),ins("danger"),ins("purple"),ins("warning"),ins("dark"),ins("pink"),ins("success"),ins("orange")],dataLabels:{enabled:!0,textAnchor:"none",style:{colors:["#fff"]},formatter:function(e,t){return t.w.globals.labels[t.dataPointIndex]+": "+e},offsetX:10,offsetY:-1,dropShadow:{enabled:!1}},series:[{data:[400,430,448,470,540,580,690,1100,1200,1380]}],stroke:{width:0,colors:["#fff"]},xaxis:{categories:["South Korea","Canada","United Kingdom","Netherlands","Italy","France","Japan","United States","China","India"],axisBorder:{show:!1}},yaxis:{labels:{show:!1}},grid:{borderColor:[ins("border-color")],padding:{top:-20,right:0,bottom:-15,left:0}},tooltip:{x:{show:!1},y:{title:{formatter:function(){return""}}}}})}),new CustomApexChart({selector:"#pattern-bar",options:()=>({chart:{height:350,type:"bar",stacked:!0,toolbar:{show:!1},shadow:{enabled:!0,blur:1,opacity:.5}},plotOptions:{bar:{horizontal:!0,barHeight:"60%"}},dataLabels:{enabled:!1},stroke:{width:2},series:[{name:"Marine Sprite",data:[44,55,41,37,22,43,21]},{name:"Striking Calf",data:[53,32,33,52,13,43,32]},{name:"Tank Picture",data:[12,17,11,9,15,11,20]},{name:"Bucket Slope",data:[9,7,5,8,6,9,4]}],xaxis:{categories:[2019,2020,2021,2022,2023,2024,2025],axisBorder:{show:!1}},yaxis:{title:{text:void 0}},tooltip:{shared:!1,y:{formatter:function(e){return e+"K"}}},colors:[ins("primary"),ins("secondary"),ins("info"),ins("danger")],fill:{type:"pattern",opacity:1,pattern:{style:["circles","slantedLines","verticalLines","horizontalLines"]}},states:{hover:{filter:"none"}},legend:{position:"right"},grid:{borderColor:[ins("border-color")],padding:{top:-20,right:0,bottom:-15,left:0}},responsive:[{breakpoint:600,options:{legend:{show:!1}}}]})}),new CustomApexChart({selector:"#bar-markers",options:()=>({series:[{name:"Actual",data:[{x:"2017",y:12,goals:[{name:"Expected",value:14,strokeWidth:2,strokeDashArray:2,strokeColor:ins("secondary")}]},{x:"2018",y:44,goals:[{name:"Expected",value:54,strokeWidth:5,strokeHeight:10,strokeColor:ins("secondary")}]},{x:"2019",y:54,goals:[{name:"Expected",value:52,strokeWidth:10,strokeHeight:0,strokeLineCap:"round",strokeColor:ins("secondary")}]},{x:"2020",y:66,goals:[{name:"Expected",value:61,strokeWidth:10,strokeHeight:0,strokeLineCap:"round",strokeColor:ins("secondary")}]},{x:"2021",y:81,goals:[{name:"Expected",value:66,strokeWidth:10,strokeHeight:0,strokeLineCap:"round",strokeColor:ins("secondary")}]},{x:"2022",y:67,goals:[{name:"Expected",value:70,strokeWidth:5,strokeHeight:10,strokeColor:ins("secondary")}]}]}],chart:{height:350,type:"bar"},plotOptions:{bar:{horizontal:!0}},colors:[ins("primary"),ins("secondary"),ins("info"),ins("danger")],dataLabels:{dataLabels:{formatter:function(e,t){t.w.config.series[t.seriesIndex].data[t.dataPointIndex].goals;return e}}},legend:{show:!0,showForSingleSeries:!0,customLegendItems:["Actual","Expected"]},xaxis:{axisBorder:{show:!1}},grid:{borderColor:[ins("border-color")],padding:{top:-20,right:0,bottom:-15,left:0}}})}); |