原文地址：http://2sitebbs.com/thread-671-1-1.html
毋庸置疑谷歌的图表api是非常棒的，
又非常稳定的且灵活的图表解决‘方案。
下面介绍一个简单的例子，
旨在为需要用到google图表尤其是它的曲线图(linechart)和柱状图(colchart)的朋友快速集成提供帮助。
迅速集成google图表的曲线图或柱状图的详细步骤如下：
1、第一步：把google的javascript api文件引入到你的网页中来；
在网页的html代码中加入如下代码：
复制代码
注意：
此文件需在你的调用google图表的js代码前面引入。
2、第二步：引入曲线图和柱状图js封装函数代码到你的网页中来；
直接引入外部js文件：
复制代码
或者把下面这个简单的封装函数加到你的js代码中去：
/**
* functions for chart
* --参数说明--
* sid: 用来展示google图标的标签的id名
* stype: 图表的类型，曲线图或者柱状图；可选值：col 和 line
* stitle: 图表的标题
* odata: 图表数据，是个二维数组，第一个元素是x轴和y轴的标题，格式如：[['x轴数据标题', 'y轴数据标题'], ['xvalue 1', 'yvalue 1'], ...]
* max: y轴高度的最大值
*/
function showchart(sid, stype, stitle, odata, max) {
google.load(visualization, 1, {packages:[corechart]});
google.setonloadcallback(function () {
var data = google.visualization.arraytodatatable(odata);
var options = {
title: stitle,
width: 720,
height: 200,
chartarea: {left: 30, width: '98%', top: 25, height: '75%'},
titletextstyle: {color:'#666', fontsize: '14px'},
curvetype: function,
vaxis: {maxvalue: max}
};
if (stype == 'line') {
var chart = new google.visualization.linechart(document.getelementbyid(sid));
}else if (stype == 'col'){
var chart = new google.visualization.columnchart(document.getelementbyid(sid));
}
chart.draw(data, options);
});
}
复制代码
3、第三步：以php为例，拼装图表数据；
示例代码：
//给图表设置x轴和y轴的数据标题
$odatacity = array(array('city', '均价/万'));
//$citys是一个从db查询出来的保存了多个城市数据的数组，它其中包含cityname和price两个字段
foreach ($citys as $key => $val) {
$odatacity[] = array($val['cityname'], $val['price']);
}
复制代码
4、第四步：把数据输出到js代码中，调用showchart()函数显示图表；
示例代码：
//准备参数
$sdata = json_encode($odatacity);
$charttype = 'col';
$charttitle = '全国各大城市二手车热销品牌排行';
$maxxvalue = 100;
//输出调用显示图表函数的js代码
echo