function getChartColorsArray(t){t=$(t).attr("data-colors");return(t=JSON.parse(t)).map(function(t){t=t.replace(" ","");if(-1==t.indexOf("--"))return t;t=getComputedStyle(document.documentElement).getPropertyValue(t);return t||void 0})}var barchartColors=getChartColorsArray("#task-chart"),options={chart:{height:280,type:"line",stacked:!1,toolbar:{show:!1}},stroke:{width:[0,2,5],curve:"smooth"},plotOptions:{bar:{columnWidth:"20%",endingShape:"rounded"}},colors:barchartColors,series:[{name:"Complete Tasks",type:"column",data:[45,26,36,27,40,28,52]},{name:"All Tasks",type:"line",data:[45,26,46,27,40,50,62]}],fill:{gradient:{inverseColors:!1,shade:"light",type:"vertical",opacityFrom:.85,opacityTo:.55,stops:[0,100,100,100]}},labels:["Mon","Tue","Wed","The","Fri","Sat","Sun"],markers:{size:0},yaxis:{min:0}},chart=new ApexCharts(document.querySelector("#task-chart"),options);chart.render(),ChartColorChange(chart,"#task-chart");