可以实时达到类似任务管理器查看cpu使用率一样,慢慢的线性加载,而不是刷新整个页面
1: 后台代码
public void realTj(){
if(null != equipmentKey && equipmentKey > 0){//只有选择设备才会出来数据
Calendar c = Calendar.getInstance();
c.add(Calendar.MINUTE, -30);
startDate = c.getTime();
dataCollectList = dataCollectService.getXxtjList(equipmentKey,startDate,null);
String dataParameters = "";
StringBuffer label = new StringBuffer();
label.append("&label=");
StringBuffer value = new StringBuffer();
value.append("&value=");
for(DataCollect dc : dataCollectList){
label.append(formatter.format(dc.getCollectTime()));
label.append(",");
value.append(dc.getDataValue());
value.append(",");
}
dataParameters += label.substring(0,label.length()-1);
dataParameters += value.substring(0,value.length()-1);
HttpServletResponse response = ServletActionContext.getResponse ();
response.setCharacterEncoding ("UTF-8");
PrintWriter out = null;
try {
out = response.getWriter ();
out.print(dataParameters);
} catch (IOException e) {
e.printStackTrace ();
}
out.flush ();
out.close ();
}
}
二:Data.xml 文件
<chart caption='' subCaption='' dataStreamURL='dataCollectAction!realTj.action?equipmentKey=2'
refreshInterval='60' numberPrefix='' setAdaptiveYMin='1' xAxisName=''
showRealTimeValue='1' realTimeValuePadding='50' labelDisplay='Rotate' slantLabels='1' >
<categories>
</categories>
<dataset seriesName='' showValues='0'>
</dataset>
<styles>
<definition>
<style type='font' name='captionFont' size='14' />
</definition>
<application>
<apply toObject='Caption' styles='captionFont' />
<apply toObject='Realtimevalue' styles='captionFont' />
</application>
</styles>
</chart>
三:jsp页面
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" src='javascript/FusionCharts.js'></script>
</head>
<body>
<div id="chartdiv" align="center" class="table_list_div marginTop10">
</div>
<script type="text/javascript">
var chart1 = new FusionCharts("swf/RealTimeLine.swf", "ChId1", "1050", "360", "0", "0");
chart1.setDataURL("Data.xml");
chart1.render("chartdiv");
</script>
</body>
</html>
四:附上整个例子使用的js和swf破解文件
相关推荐
利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示
本实例是fusioncharts实现实时数据更新的例子,开发语言是C#,支持数据库连接,但是我没写,你只需要把数据从数据库读出来,然后赋一个值。 实例中,我写了注释,很清楚的了。如果有不懂,欢迎私信来互相学习。
Java项目!可更改保存报表的路径!使用fusioncharts 通过javascript 提交报表图片!将图片保存到服务器后可以自己写代码!导出Excel、world等!参考文献http://blog.csdn.net/wangxw8746/article/details/27674471
FusionCharts动态图表实现代码,最精简版,不混杂多余代码,适合初学的你
FusionCharts各种主流报表在Android上的实现。
FusionCharts 导出内容+图片到word,导出到pdf等功能。
FusionCharts一个好用的报表工具,方便、高效、快速创建报表。各式报表应有尽有。
js实现图表-FusionCharts 这里支持C#,vb.net,php,jsp等开发语言,做报表是不错的选择
fusionCharts正式版 You need to enable frames in your browser to see FusionCharts documentation.
FusionCharts
FusionCharts 可以实现2D 和 3D 图形显示
FustionCharts总结:包含FusionCharts XT (v3.2.2),test项目,FusionCharts参数说明
实现fusionCharts3.1图表自动导出到服务端,导出在页面访问后4S后进行。 有两个javaweb工程,直接导入MyEclipse再在tomcat中部署后即可直接访问, 请确保你的fusionCharts是3.1版本的 另外还有一个文本文档,里面有...
FusionCharts Free(图表flash控件),单dll文件,用于WEB页面图表生成的组件FusionCharts,非常好用,效果好
NULL 博文链接:https://wenweijing.iteye.com/blog/1292669
FusionCharts XML标签及属性 FusionCharts XML标签及属性 FusionCharts XML标签及属性