Create javascript array from php sql query for use with charts.js

I am using http://www.chartjs.org/ to create some bar charts. The data is coming from a php / sql query.

I need to get the php data into the js arrays but im not sure how.

This is as far as I have got:

<script type="text/javascript">
<?php foreach ($rows as $row) {
	extract($row); ?>
	console.log('<?= $questionOption; ?>');
	console.log('<?= $questionResponseCount; ?>');
<?php } ?>


$( document ).ready(function() {

	//EXAMPLE DATA
	var barData = {
		labels : ["January","February","March","April","May","June"],
		datasets : [
			{
				data : [203,156,99,251,305,247]
			}
		]
	}


    var canvas = document.getElementById('canvas').getContext('2d');
    new Chart(canvas).Bar(barData);
});
</script>

Select all Open in new window

I hope you can help.

Steve