var colors=["#313a46,#f9c45c,#465dff,#6ac75a"],dataColors=$("#multiple-radialbar").data("colors"),options={chart:{height:368,type:"radialBar"},plotOptions:{circle:{dataLabels:{showOn:"hover"}},radialBar:{track:{margin:20,background:"rgba(170,184,197, 0.2)"},hollow:{size:"5%"},dataLabels:{name:{show:!0},value:{show:!0}}}},stroke:{lineCap:"round"},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"bottom",horizontalAlign:"center",floating:!1,fontSize:"14px",fontFamily:"Helvetica, Arial",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1}},colors:colors=dataColors?dataColors.split(","):colors,series:[44,60,70,80],labels:["Patient Visit","Patient Care","Endoscopic","Operations"],responsive:[{breakpoint:380,options:{chart:{height:210}}}]},chart=new ApexCharts(document.querySelector("#multiple-radialbar"),options);chart.render();