Chart.js data structure for doughnut chart with php - php

Question

Struggling to get my doughnut chart to display (v2.5.0). It worked when I entered manual data, but now with dynamic data I'm struggling. Setting up the data in a PHP Laravel controller.
I suspect the $viewData setup is incorrect, hence why it's not displaying the chart. It is displaying the chart text though.
PHP:
$labels = array();
$dataset = array();
foreach ($count as $c) {
array_push($dataset, $c->total);
array_push($labels, $c->race);
}
$viewData = array('labels'=>$labels, 'datasets'=> array(
array(
'backgroundColor' => "#3e95cd",
'hoverBackgroundColor'=> "rgba(62, 149, 205, 0.57)",
'data'=> $dataset[0]),
array(
'backgroundColor' => "#8e5ea2",
'hoverBackgroundColor'=> "rgba(62, 149, 205, 0.57)",
'data'=> $dataset[1]),
array(
'backgroundColor' => "#3e95cd",
'hoverBackgroundColor'=> "rgba(62, 149, 205, 0.57)",
'data'=> $dataset[2]),
array(
'backgroundColor' => "#8e5ea2",
'hoverBackgroundColor'=> "rgba(62, 149, 205, 0.57)",
'data'=> $dataset[3]),
array(
'backgroundColor' => "#3e95cd",
'hoverBackgroundColor'=> "rgba(62, 149, 205, 0.57)",
'data'=> $dataset[4]),
array(
'backgroundColor' => "#8e5ea2",
'hoverBackgroundColor'=> "rgba(62, 149, 205, 0.57)",
'data'=> $dataset[5])
));
return (json_encode($viewData));
Javascript:
$(document).on('ready', function() {
$.ajax({
url: './dashboard/overallmetrics',
data: {_token: "{!!csrf_token()!!}"},
dataType: 'json',
method: 'post'
}).done(function (data) {
console.log('Success!', data);
var ctx = document.getElementById("myChart").getContext("2d");
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: data,
options: {
responsive: true,
title: {
display: true,
text: 'Athlete count per ethnicity'
}
}
});
});
JSON
{"labels":["asian","black","colored","indian","other","white"],"datasets":[{"backgroundColor":"#3e95cd","hoverBackgroundColor":"rgba(62, 149, 205, 0.57)","data":26},{"backgroundColor":"#8e5ea2","hoverBackgroundColor":"rgba(62, 149, 205, 0.57)","data":27},{"backgroundColor":"#3e95cd","hoverBackgroundColor":"rgba(62, 149, 205, 0.57)","data":3},{"backgroundColor":"#8e5ea2","hoverBackgroundColor":"rgba(62, 149, 205, 0.57)","data":27},{"backgroundColor":"#3e95cd","hoverBackgroundColor":"rgba(62, 149, 205, 0.57)","data":30},{"backgroundColor":"#8e5ea2","hoverBackgroundColor":"rgba(62, 149, 205, 0.57)","data":31}]}