使用FusionChart生成漂亮的报表

最新推荐文章于 2014-03-26 11:02:34 发布

烟雨夕阳

最新推荐文章于 2014-03-26 11:02:34 发布

阅读量418

点赞数

本文介绍如何在SpringSource Tool Suite的dynamicweb项目中利用FusionCharts库生成动态图表。通过配置环境、生成XML数据内容及引用FusionChartsRenderer.jsp来实现报表的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、配置环境：SpringSourceTool的dynamic web工程

WebContent :新建两个文件夹Fusioncharts 和 js

Fusioncharts：把FusionCharts_Evaluation\charts里面的文件都复制都这个文件夹里面

js：FusionCharts.js FusionChartsRenderer.jsp

二、在jsp页面导入FusionCharts.js

三、在jsp页面写java代码生成xml文件格式的数据内容

request.setCharacterEncoding("utf-8");//中文转换
  Connection con=null;
  ResultSet rs=null;
  SQLConn sc=new SQLConn();
  con=sc.getSqlConnection(Constants.url,Constants.userName,Constants.password);

  GroupDAO gd=new GroupDAO();
  rs=gd.executeQuery(con,Finalsql.sum_product);
  String labels="";
  //生成图表的xml
  String strXml="<chart labelDisplay='Rotate' slantLabels='1' showValues='1' exportDialogMessage='缓冲数据：' exportFormats='JPEG=保存为JPEG格式|PNG=保存为PNG格式' exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' baseFontSize='12' palette='2' caption='含“XX”关键字' xAxisName='用户' yAxisName='总数' showValues='0' decimals='0' formatNumberScale='0' useRoundEdges='1'>";
  while(rs.next()){
   labels=labels+"<set label='"+rs.getString("USER_NAME")+"' value='"+rs.getInt("totals")+"' />";
  }
  strXml=strXml+labels+"</chart>";
  sc.closeCon(con);
%>

四、引用xml文件生成报表

<jsp:include page="Includes/FusionChartsRenderer.jsp" flush="true">
  <jsp:param name="chartSWF" value="FusionCharts/Column3D.swf" />
  <jsp:param name="strURL" value="" />
  <jsp:param name="strXML" value="<%=strXml %>" />
  <jsp:param name="chartId" value="xx" />
  <jsp:param name="chartWidth" value="600" />
  <jsp:param name="chartHeight" value="350" />
  <jsp:param name="debugMode" value="false" />
  <jsp:param name="registerWithJS" value="true" />
  </jsp:include>