1 line
6.8 KiB
JavaScript
1 line
6.8 KiB
JavaScript
function getChartColorsArray(e){if(null!==document.getElementById(e)){var t=document.getElementById(e).getAttribute("data-colors");if(t)return(t=JSON.parse(t)).map(function(e){var t=e.replace(" ","");if(-1===t.indexOf(",")){var o=getComputedStyle(document.documentElement).getPropertyValue(t);return o||t}var r=e.split(",");return 2!=r.length?t:"rgba("+getComputedStyle(document.documentElement).getPropertyValue(r[0])+","+r[1]+")"})}}var chartColumnStacked100Colors=getChartColorsArray("sales_figures");chartColumnStacked100Colors&&(options={series:[{name:"New users",data:[44,55,41,67,22,43,21,49,30,18,46,78,34,52]},{name:"Unique users",data:[13,23,20,8,13,27,33,12,10,18,22,5,10,14]}],dataLabels:{enabled:!1},chart:{type:"bar",height:400,stacked:!0,stackType:"100%",toolbar:{show:!1},borderRadius:30,animations:{enabled:!0,easing:"easeinout",speed:800,animateGradually:{enabled:!0,delay:150},dynamicAnimation:{enabled:!0,speed:350}}},stroke:{width:3,colors:["#fff"]},plotOptions:{bar:{borderRadius:6,columnWidth:"20%"}},responsive:[{breakpoint:850,options:{chart:{height:300},plotOptions:{bar:{columnWidth:"30%"}}}},{breakpoint:620,options:{series:[{data:[44,55,41,67,22,43,21,49,30]},{data:[13,23,20,8,13,27,33,12,10]}],plotOptions:{bar:{columnWidth:"40%"}}}},{breakpoint:480,options:{legend:{position:"bottom",offsetX:-10,offsetY:0}}},{breakpoint:350,options:{series:[{data:[44,55,41,67,22,43,21]},{data:[13,23,20,8,13,27,33]}],plotOptions:{bar:{columnWidth:"50%"}}}}],xaxis:{categories:["Jan","Feb","March","April","May","June","July","Aug","Sep","Oct","Nov","Dec"]},fill:{opacity:1},legend:{show:!1},colors:chartColumnStacked100Colors},(chart=new ApexCharts(document.querySelector("#sales_figures"),options)).render());var chartPiePatternColors=getChartColorsArray("pattern_chart");chartPiePatternColors&&(options={series:[44,55,41,17,15],chart:{height:200,type:"donut",dropShadow:{enabled:!0,color:"#111",top:-1,left:3,blur:3,opacity:.2}},stroke:{width:0},plotOptions:{pie:{donut:{labels:{show:!0,total:{showAlways:!0,show:!0}}}}},labels:["Comedy","Action","SciFi","Drama","Horror"],dataLabels:{enabled:!1},fill:{type:"pattern",opacity:1,pattern:{enabled:!0,style:["circles","squares","horizontalLines","verticalLines","slantedLines"]}},states:{hover:{filter:"none"}},theme:{palette:"palette2"},legend:{show:!1},colors:chartPiePatternColors,responsive:[{breakpoint:1461,options:{chart:{height:"160px"}}},{breakpoint:1487,options:{chart:{height:"170px"}}},{breakpoint:1517,options:{chart:{height:"184px"}}}]},(chart=new ApexCharts(document.querySelector("#pattern_chart"),options)).render());var chartSemiDonutColors=getChartColorsArray("semi_donut_chart");chartSemiDonutColors&&(options={series:[68,55],chart:{height:200,type:"donut"},plotOptions:{pie:{startAngle:-90,endAngle:90}},dataLabels:{enabled:!1},legend:{show:!1},labels:["Earnings","Expenses"],colors:chartSemiDonutColors,responsive:[{breakpoint:480,options:{chart:{width:200}}}]},document.querySelector("#semi_donut_chart")&&(chart=new ApexCharts(document.querySelector("#semi_donut_chart"),options)).render());var chartBarColors=getChartColorsArray("bar_chart");chartBarColors&&(options={chart:{height:100,type:"bar",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!1,columnWidth:"20%"}},dataLabels:{enabled:!1},series:[{data:[380,430,450,475,550,584,780,1100,1220,1365]}],colors:chartBarColors,grid:{show:!1},xaxis:{labels:{show:!1}},yaxis:{show:!1}},(chart=new ApexCharts(document.querySelector("#bar_chart"),options)).render());var chartPieGradientColors=getChartColorsArray("gradient_chart");chartPieGradientColors&&(options={series:[44,55,41,17,15,40,32,28],chart:{height:250,type:"donut"},labels:["Clothes","Decor ","Kitchen","Dining","Outdoor","Lighting","Men","Women "],plotOptions:{pie:{startAngle:-90,endAngle:270}},stroke:{width:5,colors:["#fff"]},dataLabels:{enabled:!1},fill:{type:"gradient"},legend:{show:!1},colors:chartPieGradientColors},(chart=new ApexCharts(document.querySelector("#gradient_chart"),options)).render());var chartNagetiveValuesColors=getChartColorsArray("monthly_states");chartNagetiveValuesColors&&(options={series:[{name:"Cash Flow",data:[1.45,5.42,-.42,-12.6,-18.1,-11.1,-6.09,3.88,13.07,5.8,8.1,-13.57,15.75,17.1,-27.03,-47.2,-43.3,-18.6,-48.6,-41.1,-39.6,-29.4]}],chart:{type:"bar",height:228,toolbar:{show:!1}},plotOptions:{bar:{colors:{ranges:[{from:-100,to:-46,color:chartNagetiveValuesColors[1]},{from:-45,to:0,color:chartNagetiveValuesColors[2]}]},columnWidth:"100%"}},dataLabels:{enabled:!1},colors:chartNagetiveValuesColors[0],yaxis:{labels:{formatter:function(e){return e.toFixed(0)+"k"}}},xaxis:{type:"datetime",categories:["2021-07-01","2021-08-01","2021-09-01","2021-10-01","2021-11-01","2022-01-01","2022-02-01","2022-03-01","2022-04-01","2022-05-01","2022-07-01","2022-08-01","2022-09-01","2022-10-01","2022-11-01","2023-01-01","2023-02-01","2023-03-01","2023-04-01","2023-05-01","2023-07-01","2023-08-01","2023-09-01"],labels:{rotate:-90}},responsive:[{breakpoint:1399,options:{chart:{height:"268px"}}},{breakpoint:1461,options:{chart:{height:"190px"}}},{breakpoint:1565,options:{chart:{height:"200px"}}},{breakpoint:1599,options:{chart:{height:"210px"}}},{breakpoint:1609,options:{chart:{height:"220px"}}}]},(chart=new ApexCharts(document.querySelector("#monthly_states"),options)).render());var chartRadarPolyradarColors=getChartColorsArray("products");chartRadarPolyradarColors&&(options={series:[{name:"Series 1",data:[48,100,40,68,56,80,92]}],chart:{height:400,type:"radar",toolbar:{show:!1}},dataLabels:{enabled:!1},plotOptions:{radar:{size:140,polygons:{strokeColor:"#e8e8e8",fill:{colors:["#f8f8f8","#fff"]}}}},colors:chartRadarPolyradarColors,markers:{size:7,colors:["#fff"],strokeColors:["#38c66c","#74788d","#fe5b5b","#4e7adf","#41c3a9","#ffd166","#343a40"],strokeWidth:5},tooltip:{y:{formatter:function(e){return e}}},xaxis:{categories:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},yaxis:{tickAmount:7,labels:{formatter:function(e,t){return t%2==0?e:""}}},responsive:[{breakpoint:420,options:{chart:{height:"300"},plotOptions:{radar:{size:110}}}}]},(chart=new ApexCharts(document.querySelector("#products"),options)).render());var options,chart,chartColumnDumbellColors=getChartColorsArray("user_traffic");chartColumnDumbellColors&&(options={series:[{data:[{x:"4am",y:[2800,4500]},{x:"5am",y:[3200,4100]},{x:"6am",y:[2950,7800]},{x:"7am",y:[3e3,4600]},{x:"8am",y:[3500,4100]},{x:"9am",y:[4500,6500]},{x:"10am",y:[4100,5600]}]}],chart:{height:400,type:"rangeBar",zoom:{enabled:!1}},plotOptions:{bar:{isDumbbell:!0,columnWidth:3,dumbbellColors:[chartColumnDumbellColors]}},legend:{show:!1},fill:{type:"gradient",gradient:{type:"vertical",gradientToColors:[chartColumnDumbellColors[1]],inverseColors:!0,stops:[0,100]}},grid:{xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},xaxis:{tickPlacement:"on"}},(chart=new ApexCharts(document.querySelector("#user_traffic"),options)).render()); |