用谷歌可视化的两个数组制作图形

Question

嗨，我想使用谷歌可视化从数据库中的数据中制作一张图，这是我正在使用的代码：

<?php
$connect = mysqli_connect("db_host", "db_name", "db_pass", "db_table");     
if(!$connect ) {
die('Connection failed: ' . mysqli_error());
}
echo 'Connected successfully';

$tempsql="SELECT `temperature` FROM `apidata`";
$resulttemp = $connect->query($tempsql);
$temp=array();
foreach ($resulttemp as $rowtemp){
$temp[]=$rowtemp;
}
$resulttemp->close();
$idsql="SELECT `id` FROM `apidata`";
$resultid = $connect->query($idsql);
$id=array();
foreach ($resultid as $rowid){
$id[]=$rowid;
}
$resultid->close();
$js_arrayTemp = json_encode($temp);
//echo "var javascript_array = ". $js_array . ";n";
$js_arrayId=json_encode($id);
//echo "var javascript_array = ". $js_array2 . ";n";
mysqli_close($connect);
?>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var Temp = <?php echo $js_arrayTemp;?>;
var id = <?php echo $js_arrayId;?>;
var data = new google.visualization.DataTable();
data.addColumn('string', 'id');
data.addColumn('number', 'temp');
for(i = 0; i < id.length; i++)
data.addRow([id[i], Temp[i]]);
// Create and draw the visualization.
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, {});
}
</script>

当我看我的网站时，没有图表。但是在调试器中我可以看到数据调试器图片调试器2图片希望有人能看到我的问题。

Answer 1

不能将对象用作列值，这里。。。

data.addRow([id[i], Temp[i]]);

其中Temp[i]={"temperature": "6"}

相反，获取对象的值。。。

data.addRow([parseInt(id[i].id), parseFloat(Temp[i].temperature)]);