AJAX + SVG 实现实时监控图表

核心提示： 会看到MeterRemote链接，说明发表成功了，AJAX + SVG 实现实时监控图表(5)，单击该链接 http://localhost:8080/ajaxSVG/dwr/test/MeterRemote 会看到测试页面，它上面包含了如何使用，这样才能：1.<scripttype=&#

会看到MeterRemote链接，说明发表成功了，单击该链接 http://localhost:8080/ajaxSVG/dwr/test/MeterRemote 会看到测试页面，它上面包含了如何使用，和可以调用的方法。

如下图所示：

查看原图（大图）

你可以点击 Excute 来测试一下效果，这样网页就能够直接调用 java 端的程序了。接着我们看看 JSP 文件。

首先导入 js，这样才能：

1.<script　type='text/javascript'　src='/　ajaxSVG　
/dwr/engine.js'></script>　
2.<script　type='text/javascript'　src='/　ajaxSVG　
/dwr/util.js'></script>　
3.<script　type='text/javascript'src='/　ajaxSVG　
/dwr/interface/MeterRemote.js'></script>　

1,2行是DWR引擎所需要的两个js文件。第3行是导入DWR引擎调用POJO java所需要的js文件。

　　　　function　getValue()　
{　
　　MeterRemote.getDegree(loadinfo);　
　　　
}　

上面的方法从服务器端取得仪表盘的指针的数据。

重点是以下代码：

function　loadinfo(data)　
{　
DWRUtil.setValue("reply1",　data);　
　　curr_degree=data;　
　　var　svgDocument　=　window.sample.getSVGDocument();　
chart=svgDocument.getElementById("line2");　
chart.setAttribute(　"from",　last_degree+",250,250");　
　　chart.setAttribute(　"to",　curr_degree+",250,250");　
　　chart.beginElement();　
　　last_degree=curr_degree;　
}