我正在尝试使用谷歌图表绘制圆环图。我正在使用 MVC 框架,准确地说是 laravel。我有一个数组,我使用紧凑函数将其传递给视图。我真的到处搜索,但似乎找不到任何可以指向我的东西,请记住,我对 javascript 还很陌生。
我已经尝试过:
var data = google.visualization.arrayToDataTable(? =$frequency ?>);
这是我的服务器端 php 的摘录
{
$memberNames = array_keys($frequency);
$frequency = array_count_values($members);
return view('contact.stats', compact('frequency'));
}
这是用于实现图表的谷歌代码
<script type="text/javascript">
google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
var options = {
title: 'My Daily Activities',
pieHole: 0.4,
};
var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
chart.draw(data, options);
}
</script>
就像我说的,当我返回 $frequency 时,它看起来像这样 {"female":74,"others":2,"na":63,"male":59}
我基本上想将 $frequency 传递到脚本中的 var 数据中。