Javascript图表绘制
Javascript图表绘制
提问于 2013-03-20 20:49:17
我正在使用Google Charts API集成到一个组项目中。该项目是一个针对社交媒体趋势的可视化工具包。
问题是，我已经编写了一个PHP程序来可视化饼图/条形图/折线图等，但我只能通过声明以下语句来使它们工作：
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);以可视化各个图表。然而，我希望为可视化创建单独的文件。例如，drawPie，drawLine，drawBar等。这是因为它能够与我们创建的基于规则的数据类型工具一起工作，即百分比和位置可以绘制到饼图上。
无论如何，我对每个单独的文件都有问题。以下是drawPie.js文件的代码：
<html>
<head>
<!-- Load JSAPI -->
<script type="text/javascript" src='https://www.google.com/jsapi?autoload={"modules":[{"name":"visualization","version":"1","packages":["corechart","table"]}]}'></script>
<script type="text/javascript">
//<!-- Load the API Package -->
google.load('visualization', '1.0', {'packages':['controls']});
//<!-- Callback when the Google Visualization API is Loaded -->
google.setOnLoadCallback(drawDashboard);
function drawPie() {
//<!-- Create the Table -->
var data = new google.visualization.DataTable();
data.addColumn('string', 'location');
data.addColumn('number', 'crimes');
data.addRows([ <?php echo $data_for_chart; ?> ]);
//<!-- Pass Options -->
var options = {
'legend': 'left',
'title': 'Crimes (per day)',
'is3D': 'True',
'width':700,
'height':300
};
//<!-- Instantiate and Draw Chart -->
var chart = new google.visualization.PieChart(document.getElementById('pie_chart'));
chart.draw(data, options);
</script>
</head>
<body>
<style> pie_chart {margin: 0 auto; }</style>
<div id="pie_chart"></div>
<style>
#left { margin-left: 15%; float: left; }
#right { margin-right: 15%; float: right; }
img { width: 200; height: 200;}
</style>
</body>
代码不显示图表。有人知道我做错了什么吗？提前谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-21 08:23:39
您加载了错误的包。
将google.load('visualization', '1.0', {'packages':['controls']});更改为google.load('visualization', '1.0', {'packages':['corechart']});，它应该可以工作。如果不是这样，那么除了这个(相对简单的)问题之外，您还有另一个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15524011
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号