var options={chart:{height:260,type:"donut"},plotOptions:{pie:{donut:{size:"80%"}}},dataLabels:{enabled:!1},stroke:{show:!0,width:2,colors:["transparent"]},series:[50,25,25],legend:{show:!0,position:"bottom",horizontalAlign:"center",verticalAlign:"middle",floating:!1,fontSize:"13px",fontFamily:"Be Vietnam Pro, sans-serif",offsetX:0,offsetY:0},labels:["Active","Complated","Assigned"],colors:["#22c55e","#08b0e7","#ffc728"],responsive:[{breakpoint:600,options:{plotOptions:{donut:{customScale:.2}},chart:{height:240},legend:{show:!1}}}],tooltip:{y:{formatter:function(t){return t+" %"}}}},chart=new ApexCharts(document.querySelector("#task"),options);chart.render();