可以实时达到类似任务管理器查看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实现在Web应用中的数据图表展示,使数据的分析和理解变得更加直观和便捷。在实际操作中,不断探索和学习FusionCharts提供的丰富API和文档,将有助于我们更好地...
标题中的“使用FusionCharts实现数据库的动态数据交互”指的是使用FusionCharts这款JavaScript图表库与数据库进行数据通信,以实现在网页上展示动态、实时的图表数据。FusionCharts是一款强大的图表解决方案,它提供...
本实例是fusioncharts实现实时数据更新的例子,开发语言是C#,支持数据库连接,但是我没写,你只需要把数据从数据库读出来,然后赋一个值。 实例中,我写了注释,很清楚的了。如果有不懂,欢迎私信来互相学习。
5. **模板与主题**:FusionCharts提供预设的模板和主题,可以快速应用到报表上,减少设计工作量。同时,用户也可以根据需要自定义模板,打造符合企业风格的报表。 6. **API与工具集**:FusionCharts提供了详细的API...
Java项目!可更改保存报表的路径!使用fusioncharts 通过javascript 提交报表图片!将图片保存到服务器后可以自己写代码!导出Excel、world等!参考文献http://blog.csdn.net/wangxw8746/article/details/27674471
在Android平台上实现FusionCharts,可以为移动应用提供生动的数据展示功能,帮助用户更好地理解和分析数据。以下将详细介绍FusionCharts在Android上的实现及其相关的知识点。 首先,要在Android应用中使用...
本文将深入探讨如何利用FusionCharts实现内容与图片的导出功能,特别是将图表及关联内容导出到Word和PDF文档。 首先,FusionCharts的导出功能是通过其内置的ExportManager模块来实现的。这个模块允许用户将图表数据...
在这个“FusionCharts动态图表实现代码”压缩包中,你可能会找到一系列用于快速入门和实践的简洁示例。 FusionCharts支持多种图表类型,包括柱状图、饼图、线图、面积图、散点图、仪表盘等,这些图表都具有高度的...
在实现FusionCharts统计图的过程中,首先需要了解其基本结构和工作原理。FusionCharts由两部分组成:HTML页面和JavaScript代码。HTML页面用于放置图表容器,而JavaScript代码则负责加载图表库并配置图表属性,如数据...
2. **实时更新**:实时数据显示,如监控系统、仪表盘,可以通过Ajax技术实现数据的动态刷新。 3. **打印和导出**:用户可以将图表打印或导出为PDF、PNG、JPEG等格式,便于保存和分享。 4. **模板和主题**:预设的...
本示例是针对如何利用FusionCharts实现图表数据导出到Excel的实践分享。 首先,我们需要理解FusionCharts的导出机制。FusionCharts支持多种导出格式,包括PDF、SVG、PNG等,以及Excel。导出功能是通过其内置的...
在IT行业中,FusionCharts是一款流行的JavaScript图表库,它提供了丰富的图表类型,如饼状图、柱状图、线形图等,用于数据可视化。在本项目中,我们看到使用PHP来调用FusionCharts库,实现了饼状统计图的展示。这...
在本例中,"FusionCharts.dll"是FusionCharts组件的实现,它封装了所有用于生成图表的逻辑和资源。开发者可以通过调用DLL中的方法来实例化图表、设置数据源、定义样式和交互行为等。 标签"fusioncharts dll 文件...
FusionCharts的安装非常简单,只需要将FusionCharts的文件夹拷贝到项目目录下,然后在HTML文件中引入FusionCharts的JavaScript文件即可。同时,FusionCharts也提供了详细的安装指南,方便开发者快速上手。 三、创建...
1. **安装与集成**:FusionCharts可以作为一个JavaScript库引入到项目中,通常通过CDN链接或下载本地副本。它需要jQuery或其自身的轻量级库FusionCharts XT。集成时,需要设置图表容器元素,并调用FusionCharts对象...
FusionCharts是一款强大的数据可视化工具,专用于创建交互式的图表和报表。这款JavaScript库提供了...通过学习和掌握上述知识点,您可以充分利用FusionCharts实现各种复杂的报表设计,让数据讲故事,提升业务洞察力。
综上所述,这个FusionCharts完整资料集是一套完整的自学资料,涵盖了从入门到进阶的所有重要知识点,对于想要掌握FusionCharts的人来说是宝贵的资源。通过学习和实践,开发者能够轻松地将FusionCharts集成到自己的...