【发布时间】：2019-02-21 20:56:12
【问题描述】：
我正在努力获取下面的谷歌饼图，以反映在同一页面上的 html 表中找到的动态数据。
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"> </script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Answer', 'Percentage'],
['Yes', 10], //This static data needs to reflect dynamic data from html table
['No', 3], //This static data needs to reflect dynamic data from html table
['Maybe', 7], //This static data needs to reflect dynamic data from html table
]);
var options = {
title: 'My Daily Activities'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>
HTML 表格：
<table border="1" id="results">
<td>Result</td>
<td> <?php echo $q['answer']; ?> </td>
</table>
html 表格用这一行显示它的数据：
<td><?php echo $q['answer']; ?></td>
“答案”可以是“是”、“否”或可能是通过此处看到的其他地方的分析定义的：
function findAnswer($question) {
$results=array();
foreach($question['answer'] as $q) {
$answer=$API->Analysis($answer['text']);
if($answer!=false) {
$results[]=array(
'answer'=>$answer,
);
}
}
}
我需要饼图来反映答案是、否或总结 html 表格。
如何让 pi 图表反映这样的内容（如下），每次重新提交查询时答案都会发生变化？：
$q['answer']=='yes'
$q['answer']=='no'
$q['answer']=='maybe'
提前致谢，多年来一直在尝试不同的方法！
【问题讨论】：
-
为了澄清，你能分享一个HTML表格的样本吗？
-
没问题！我已经编辑了问题中的代码。谢谢！
标签： javascript dynamic charts google-visualization pie-chart