<div class="row m-0" style="">
    <div class="card ">
        <div class="card-header d-flex justify-content-between">
            <span class="text-header-chart" >Percentage of Appointment</span>
            
        </div>
        <div class="card-body p-0">
            <div id="chart" data-colors='["--vz-success"]' class="" dir="ltr"></div>
        </div>
    </div>
</div>
<script>
var options = {
          series: [<?php echo e(@$percentage); ?>],
          chart: {
          type: 'radialBar',
          offsetY: -20,
          sparkline: {
            enabled: true
          }
        },
        plotOptions: {
          radialBar: {
            startAngle: -90,
            endAngle: 90,
            track: {
              background: "#e7e7e7",
              strokeWidth: '97%',
              margin: 5, // margin is in pixels
              dropShadow: {
                enabled: true,
                top: 2,
                left: 0,
                color: '#444',
                opacity: 1,
                blur: 2
              }
            },
            dataLabels: {
              name: {
                show: false
              },
              value: {
                offsetY: -2,
                fontSize: '22px'
              }
            }
          }
        },
        grid: {
          padding: {
            top: -10
          }
        },
        colors: ['#40D1D5'],
        fill: {
          type: 'gradient',
          gradient: {
            shade: 'light',
            shadeIntensity: 0.4,
            inverseColors: false,
            opacityFrom: 1,
            opacityTo: 1,
            stops: [0, 50, 53, 91],
            gradientToColors: ['#00BFC4'],
            type: 'linear',
            colorStops: [
              {
                offset: 0,
                color: '#40D1D5'
              },
              {
                offset: 0.5,
                color: '#BFF6F8'
              },
              {
                offset: 0.53,
                color: '#BFF6F8'
              },
              {
                offset: 0.91,
                color: '#00BFC4'
              }
            ]
          },
        },
        labels: ['Average Results'],
        };

        var chart = new ApexCharts(document.querySelector("#chart"), options);
        chart.render();
</script>
<?php /**PATH D:\laragon\htdocs\screening\resources\views/allanalysis/07_Predication.blade.php ENDPATH**/ ?>