Как передать значения на график динамически?

Я пытаюсь создать базовую диаграмму (используется диаграмма canvasjs), я не могу передать значения.

я передаю значения в HTML-элементы

код

<?php
$statusses = $wpdb->get_results( "SELECT * FROM  {$wpdb->prefix}wpsp_custom_status" );
$advancedSettings=get_option( 'advanced_settings' );

$count=1;
foreach($statusses as $status){
$sql="select id from {$wpdb->prefix}ticket where status='".strtolower($status->name)."'";
$tickets = $wpdb->get_results( $sql );
$total_none_tickets=$wpdb->num_rows;
if($count==5)
{
$count=1;
echo "<br/><br/>";
}
?>

<span class="label stat_heading" style="background-color:<?php echo $status->color?>"><?php echo $status->name." ".__($advancedSettings['ticket_label_alice'][2],'wp-support-plus-responsive-ticket-system').': '.$total_none_tickets;?></span>
<?php
$count++;
}
?>

ВЫХОД:

Теперь я хочу вывести то же значение в гистограммах.

Sample code(Datas are not dynamic):
<?php
$dataPoints = array(
array("y" => 6, "label" => "Open"),
array("y" => 4, "label" => "Pending"),
array("y" => 5, "label" => "Close"),
array("y" => 7, "label" => "Assigned"),
array("y" => 4, "label" => "Fixed"),
array("y" => 6, "label" => "Cancel"),
array("y" => 7, "label" => "Hold"),
array("y" => 5, "label" => "Reopen"),

);
?><div id="chartContainer"></div>

<script type="text/javascript">

$(function () {
var chart = new CanvasJS.Chart("chartContainer", {
theme: "theme3",
animationEnabled: true,
title: {
text: "Stastics"},
data: [
{
type: "column",
dataPoints: <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?>
}
]
});
chart.render();
});
</script>