google chart几个图表的使用

项目需求,前一阵子利用google chart生成了一些图表.但最终由于扩展性差,且依赖于google,所以放弃了.这里做个备份,以防日后需要用到.对于复杂一些的图表,数据砌得相当头晕!

首先是一个简单的pie chart:


然后是个比较复杂的bar chart:


再是一个比较有意思的map chart:


具体的参数意思可查阅google chart api. http://code.google.com/intl/zh-CN/apis/chart/docs/making_charts.html

如果提交这么一串URL怪恐怖的,而GET方式提交的数据最多只能是1024字节,就是说如果你的数据量超过这个大小,就不能提交了.所以google chart也提供了post的方式,而post方式理论上是不限大小的.
API上提供的例子是非ajax的,是通过提交表单,刷新页面而显示图片的;但AJAX又存在跨域问题(向google chart post数据超).所以是不能通过ajax post数据得到图表的.如果想无刷新获得图表,可以通过提交form 至指定的 iframe ,在iframe中打开:

<form action='https://chart.googleapis.com/chart' method='POST' id='chart' target="iframe"
	          			onsubmit="this.action = 'https://chart.googleapis.com/chart?chid=' + (new Date()).getMilliseconds(); return true;">
	          		</form>
	          		<iframe src="https://chart.googleapis.com/chart" name="iframe" height="516" width="809"></iframe>

然后要做的就是要将post的数据append至form中.