php mysqlで作ったデータをgoogle chartの縦棒グラフで表示したいです

php mysqlで作ったデータを テーブルtestにて、id=>1, id=>2、id=>3と登録してまして、それを google chart 縦棒グラフを使用してid=>1, id=>2、id=>3でそれぞれに一つのグラフで表示したいですが最新データid=>3しか表示されませんでした。
テーブルが別々ならそれぞれで縦棒には表示できますが一つのテーブルにあるいくつかのデータをそれぞれに縦棒グラフで表示できますでしょうか？

ソースコードは下記です、
<?php
$query = "SELECT * FROM test";
$all = mysqli_query($con, $query);
while($row = mysqli_fetch_assoc($all)){
$test_date = $row['test_date'];
$test_sales = $row['test_sales'];

?>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(
function() {
var data = google.visualization.arrayToDataTable([
['', '売上高'],
<?php
$elements = [$test_date];
$element_data = [test_sales];
for($i=0;$i<3; $i++){
echo "['{$elements[$i]}'" . "," . "{$element_data[$i]}],";
}
?>
]);
var options = {
title: '売上高(百万円)',
hAxis: {title: ''},
colors: ['#FF6666']
};
var chart = new google.visualization.ColumnChart(document.getElementById('gct_sample_column'));
chart.draw(data, options);
}
);
</script><div id="gct_sample_column" style="width:100%; height:auto" ></div>
<?php } ?>

No.1 回答者： いいいちろう 回答日時： 2016/06/23 09:36

google chartを全然調べないのに回答します。

$element_data = [test_sales];
test_salesに$いらないんですか？