Estoy tratando de obtener gráfico de ApexChart donut, desde una tabla de MySQL como se muestra continuación
Esta es la consulta que uso:
SELECT COUNT(*) as total, COUNT(IF(status = 0, 1, NULL)) as resueltas, COUNT(*) - COUNT(IF(status = 0, 1, NULL)) as pendientes, COUNT(IF(status = 2, 1, NULL)) as reabietas FROM incidences
Y me muestra este resultado:
Quisiera mostrar el resultado de la tabla en un grafico apexchart donut, este es el ejemplo base: https://apexcharts.com/javascript-chart-demos/pie-charts/simple-donut/
Este es el código que tengo hasta el momento, pero aun no se como usarlo con exactitud
Esta consulta es la que tengo en mi controlador
$incidences_circule = DB::select('SELECT COUNT(*) as total, COUNT(IF(status = 0, 1, NULL)) as resueltas, COUNT(*) - COUNT(IF(status = 0, 1, NULL)) as pendientes, COUNT(IF(status = 2, 1, NULL)) as reabietas FROM incidences WHERE MONTH(start) = MONTH(CURRENT_DATE()) AND YEAR(start) = YEAR(CURRENT_DATE())');
<script>
var options = {
series: [<?php foreach($incidences_circule as $reg){echo ''.$reg->total',';} ?>],
chart: {
type: 'donut',
},
responsive: [{
breakpoint: 480,
options: {
chart: {
width: 200
},
legend: {
position: 'bottom'
}
}
}]
};
var chart = new ApexCharts(document.querySelector("#circle-chart"), options);
chart.render();
</script>