易截截图软件、单文件、免安装、纯绿色、仅160KB

dygraphs——一个很炫的JavaScript 图表库

    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则给曲线添加一个容差范围。还是看图吧,


相关文档:

JavaScript 操作 select

一、新增一个option
var sel=document.getElementById("select的id");
var op=document.createElement("option");
op.value=值;
op.text=显示文本;
sel.add(op);
二、删除一个option
var sel=document.getElementById("typelist");
if(sel.selectedIndex==-1)
alert("请选 ......

JavaScript的方法和技巧

JavaScript的方法和技巧 收藏
有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费 你很多时间,我一直以为我早在几年前就已经精通JavaScript了,直到目前,我才越来越觉得JavaScript远比我想象的复杂和强大,我开始崇 ......

javascript中createTextRange用法

<script language="javascript">
function test()
{
var rng=document.body.createTextRange();
alert(rng.text)
}
function test1()
{
var rng=document.body.createTextRange();
alert(rng.htmlText)
}
</script>
<input type="button" onclick="test()"& ......

Javascript在IE和FireFox中的不同表现

1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或
document.formName.elements["elementName"];Firefox下,只能使用
document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elem ......

Debugging JavaScript on Internet Explorer Mobile

http://203.208.39.132/search?q=cache:CS7gmmmKO1UJ:cdivilly.wordpress.com/2008/09/05/debugging-javascript-on-internet-explorer-mobile/+mobile+ie+debug&cd=2&hl=zh-CN&ct=clnk&gl=cn&client=firefox-a&st_usg=ALhdy2_5z6wqB0HLfTGoC9EDfEwpnra-LQ ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号