En mi controlador tengo esta consulta:

 $categories = DB::table('categories') ->select('type',DB::raw('COUNT(*) as count_type')) ->groupBy('type') ->orderBy('type','desc') ->get();

Cuando completo series y etiquetas con resultados estáticos, todo funciona bien, pero cuando intento completarlo desde la base de datos no funciona. Todo el problema es con series y etiquetas , como se muestra a continuación en el script:

 <script> var options = { here=> series: [@foreach($categories as $categorie) $categorie->count_type @endforeach], chart: { width: 380, type: 'pie', }, and here=> labels: [@foreach($categories as $categorie) $categorie->type @endforeach], responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } } }] }; var chart = new ApexCharts(document.querySelector("#chart"), options); chart.render(); </script>

Entonces, la pregunta es ¿cómo puedo completar este gráfico a partir del resultado de mi consulta?