function getChartColorsArray(e){if(null!==document.getElementById(e)){var r=document.getElementById(e).getAttribute("data-colors");return(r=JSON.parse(r)).map(function(e){var r=e.replace(" ","");if(-1==r.indexOf("--"))return r;var t=getComputedStyle(document.documentElement).getPropertyValue(r);return t||void 0})}}var barchartColors=getChartColorsArray("stroked_radialbar"),options={series:[76.2],chart:{height:270,type:"radialBar",offsetY:-20},plotOptions:{radialBar:{startAngle:-135,endAngle:135,dataLabels:{name:{fontSize:"16px",color:void 0,offsetY:120},value:{offsetY:76,fontSize:"20px",color:void 0,formatter:function(e){return e+"%"}}}}},fill:{type:"gradient",gradient:{shade:"dark",shadeIntensity:.15,inverseColors:!1,opacityFrom:1,opacityTo:1,stops:[0,50,65,91]}},stroke:{dashArray:4},labels:["64 GB used"],colors:barchartColors},chart=new ApexCharts(document.querySelector("#stroked_radialbar"),options);chart.render();