Google Docs有chart功能很久了，最近看到YCG博客介绍也相信是存在已久的Google Visualization API，想到可以通过Google Docs的chart功能来试用，因为想必Google Docs的charts功能就是调用Google Visualization API的。以下是我弄的一个图，熟悉溶液和胶体理论的都应该都知道这个图是啥了吧。

[cf]JScript[/cf]
<script type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js"> {"chartType":"LineChart","chartName":"Chart","dataSourceUrl":"//spreadsheets.google.com/tq?key=0As11G_vKILFbdEJXeGVueTZ3Y3hBeFRMdHJ6VVN4eVE&range=A1%3AB5&gid=0&transpose=0&headers=1&pub=1","options":{"reverseCategories":true,"pointSize":"0","is3D":false,"logScale":false,"hAxis":{"minValue":null,"maxValue":null},"wmode":"opaque","title":"Double layer thickness vs NaCl concentration","isStacked":false,"mapType":"hybrid","displayAnnotations":true,"showTip":true,"titleY":"Double layer thickness (nm)","dataMode":"markers","maxAlternation":1,"titleX":"NaCl concentration (mM)","colors":["#3366CC","#DC3912","#FF9900","#109618","#990099","#0099C6","#DD4477","#66AA00","#B82E2E","#316395"],"smoothLine":true,"fill":false,"lineWidth":"2","labelPosition":"right","hasLabelsColumn":true,"legend":"right","allowCollapse":true,"cht":"rs","reverseAxis":true,"width":524,"height":287},"refreshInterval":5} </script>

在Wordpress的博客正文直接贴Java Script代码会出错，Wordpress好像会自动修改代码。要先把代码帖到Custom Field那里，然后用Custom fields shortcode插件在正文中引用custom field的内容，代码才能原样出现正文的html源码中。