dygraphs 主要用来显示密集数据。所谓一图胜千言，dygraphs 生成的图表可以随着鼠标位置显示数据，拖拽放大，双击缩小。
dygraphs 依赖HTML的<canvas>标签，而这个标签微软的IE 恰恰不支持。官方网页上说没关系，你只要包含一个叫excanvas 的JavaScript. 库就行了，但据我测试效果并不好。所以你还是在Chrome 或者Firefox 下打开吧。
官网上还说dygraphs 支持直接导入CSV 文件，但试了几次都没成。最后决定用Ruby 把.csv 文件转成.js 文件。生成脚本：
pre = "function data() {\n return "
post = ";\n}"
lable = ""
s = []
PATH = "./dygraphs/temperatures.csv"
File.open(PATH) do |file|
lable += "\"#{file.gets.chomp}\\n\" +\n"
file.each_line do |line|
s << ("\"" + line.chomp + "\\n\"") if line != "\n"
end
end
File.open("c:/Pope/javascript/dygraphs/data.js", "w") do |file|
file.puts(pre + lable + s.join(" +\n") + post)
end
下面进入正题。代码很简单：
<html>
<head>
<mce:script. type="text/javascript"
src="dygraph-combined.js"></mce:script>
</head>
<body>
<div id="graphdiv2"
style="width:500px; height:300px;"></div>
<mce:script. type="text/javascript"
src="data.js"></mce:script>
<mce:script. type="text/javascript"><!--
g2 = new Dygraph(
document.getElementById("graphdiv2"),
data(), // path to CSV file
{} // options
);
// --></mce:script>
</body>
</html>
接着就可以看到一副web2.0 报表，
最后还有两选项showRoller 和errorBars，我也没搞懂是咋回事。showRoller 好像能使曲线更平滑，errorBars则给曲线添加一个容差范围。还是看图吧，
