`

java图形报表实例

阅读更多

在上两个关于图形化分析中!有朋友反映说java和FusionChart到底有什么关系!下面就这一问题做一个java实例!进行讲解!在讲解之前先笼统的说一下!起始FusionChart就是利用flash作为模板!当然这些模板是官方已经写好的!只需要去官方下载!其次我们只需要利用java生成相应的xml文档!在用特定的方法调用就可

/**
 * 该类是生成FusionCharts图形的主要方法【生成图形时主要调用该类中的createChart这个静态的方法】
 * @author SkyWen
 *
 */
public class FusionChartsCreator {

    /**
     * Adds additional string to the url to and encodes the parameters,<br>
     * so as to disable caching of data.<br> 
     * @param strDataURL -
     *                dataURL to be fed to chart
     * @param addNoCacheStr -
     *                Whether to add aditional string to URL to disable
     *                caching of data
     * @return cachedURL - URL with the additional string added
     */

    public static String addCacheToDataURL(String strDataURL) {
 String cachedURL = strDataURL;
 // Add the no-cache string if required

 // We add ?FCCurrTime=xxyyzz
 // If the dataURL already contains a ?, we add &FCCurrTime=xxyyzz
 // We replace : with _, as FusionCharts cannot handle : in URLs
 Calendar nowCal = Calendar.getInstance();
 Date now = nowCal.getTime();
 SimpleDateFormat sdf = new SimpleDateFormat("MM/dd/yyyy HH_mm_ss a");
 String strNow = sdf.format(now);

 try {

     if (strDataURL.indexOf("?") > 0) {
  cachedURL = strDataURL + "&FCCurrTime="
  + URLEncoder.encode(strNow, "UTF-8");
     } else {
  cachedURL = strDataURL + "?FCCurrTime="
  + URLEncoder.encode(strNow, "UTF-8");
     }

 } catch (UnsupportedEncodingException e) {
     // TODO Auto-generated catch block
     e.printStackTrace();
     cachedURL = strDataURL + "?FCCurrTime=" + strNow;
 }

 return cachedURL;
    }

    /**
     * Creates the JavaScript + HTML code required to embed a chart.<br>
     * Uses the javascript FusionCharts class to create the chart by supplying <br>
     * the required parameters to it.<br>
     * Note: Only one of the parameters strURL or strXML has to be not null for this<br>
     * method to work. If both the parameters are provided then strURL is used for further processing.<br>
     *
     * @param chartSWF -
     *                SWF File Name (and Path) of the chart which you intend
     *                to plot
     * @param strURL -
     *                If you intend to use dataURL method for this chart,
     *                pass the URL as this parameter. Else, set it to "" (in
     *                case of dataXML method)
     * @param strXML -
     *                If you intend to use dataXML method for this chart,
     *                pass the XML data as this parameter. Else, set it to ""
     *                (in case of dataURL method)
     * @param chartId -
     *                Id for the chart, using which it will be recognized in
     *                the HTML page. Each chart on the page needs to have a
     *                unique Id.
     * @param chartWidth -
     *                Intended width for the chart (in pixels)
     * @param chartHeight -
     *                Intended height for the chart (in pixels)
     * @param debugMode -
     *                Whether to start the chart in debug mode
     * @param registerWithJS -
     *                Whether to ask chart to register itself with
     *                JavaScript
     */
    public static String createChart(String chartSWF, String strURL,
     String strXML, String chartId, int chartWidth, int chartHeight,
     boolean debugMode, boolean registerWithJS) {
 StringBuffer strBuf = new StringBuffer();
 // First we create a new DIV for each chart. We specify the name of DIV
 // as "chartId"Div.
 // DIV names are case-sensitive.

 strBuf.append("\t\t<!-- START Script Block for Chart-->\n");
 strBuf.append("\t\t<script LANGUAGE='Javascript' SRC='/FusionCharts/FusionCharts.js'></script>\n");
 strBuf.append("\t\t<div id='" + chartId + "Div' align='center'>\n");
 strBuf.append("\t\t\t\tChart.\n");

 /*
  * The above text "Chart" is shown to users before the chart has started
  * loading (if there is a lag in relaying SWF from server). This text is
  * also shown to users who do not have Flash Player installed. You can
  * configure it as per your needs.
  */

 strBuf.append("\t\t</div>\n");

 /*
  * Now, we create the chart using FusionCharts js class. Each chart's
  * instance (JavaScript) Id is named as chart_"chartId".
  */

 strBuf.append("\t\t<script type='text/javascript'>\n");
 // Instantiate the Chart
 Boolean registerWithJSBool = new Boolean(registerWithJS);
 Boolean debugModeBool = new Boolean(debugMode);
 int regWithJSInt = boolToNum(registerWithJSBool);
 int debugModeInt = boolToNum(debugModeBool);

 strBuf.append("\t\t\t\tvar chart_" + chartId + " = new FusionCharts('"
  + chartSWF + "', '" + chartId + "', '" + chartWidth + "', '"
  + chartHeight + "', '" + debugModeInt + "', '" + regWithJSInt
  + "');\n");
 // Check whether we've to provide data using dataXML method or dataURL
 // method
 if (strXML.equals("")) {
     strBuf.append("\t\t\t\t// Set the dataURL of the chart\n");
     strBuf.append("\t\t\t\tchart_" + chartId + ".setDataURL(\"" + strURL
      + "\");\n");
 } else {
     strBuf.append("\t\t\t\t// Provide entire XML data using dataXML method\n");
     strBuf.append("\t\t\t\tchart_" + chartId + ".setDataXML(\"" + strXML
      + "\");\n");
 }
 strBuf.append("\t\t\t\t// Finally, render the chart.\n");
 strBuf.append("\t\t\t\tchart_" + chartId + ".render(\"" + chartId + "Div\");\n");
 strBuf.append("\t\t</script>\n");
 strBuf.append("\t\t<!--END Script Block for Chart-->\n");
 System.out.println(strBuf);
 return strBuf.substring(0);
    }

    /**
     * Creates the object tag required to embed a chart.
     * Generates the object tag to embed the swf directly into the html page.<br>
     * Note: Only one of the parameters strURL or strXML has to be not null for this<br>
     * method to work. If both the parameters are provided then strURL is used for further processing.<br>
     * 
     * @param chartSWF -
     *                SWF File Name (and Path) of the chart which you intend
     *                to plot
     * @param strURL -
     *                If you intend to use dataURL method for this chart,
     *                pass the URL as this parameter. Else, set it to "" (in
     *                case of dataXML method)
     * @param strXML -
     *                If you intend to use dataXML method for this chart,
     *                pass the XML data as this parameter. Else, set it to ""
     *                (in case of dataURL method)
     * @param chartId -
     *                Id for the chart, using which it will be recognized in
     *                the HTML page. Each chart on the page needs to have a
     *                unique Id.
     * @param chartWidth -
     *                Intended width for the chart (in pixels)
     * @param chartHeight -
     *                Intended height for the chart (in pixels)
     * @param debugMode -
     *                Whether to start the chart in debug mode
     */
    public static String createChartHTML(String chartSWF, String strURL,
     String strXML, String chartId, int chartWidth, int chartHeight,
     boolean debugMode) { /*
      * Generate the FlashVars string based
      * on whether dataURL has been provided
      * or dataXML.
      */
 String strFlashVars = "";
 Boolean debugModeBool = new Boolean(debugMode);

 if (strXML.equals("")) {
     // DataURL Mode
     strFlashVars = "chartWidth=" + chartWidth + "&chartHeight="
     + chartHeight + "&debugMode=" + boolToNum(debugModeBool)
     + "&dataURL=" + strURL + "";
 } else {
     // DataXML Mode
     strFlashVars = "chartWidth=" + chartWidth + "&chartHeight="
     + chartHeight + "&debugMode=" + boolToNum(debugModeBool)
     + "&dataXML=" + strXML + "";
 }
 StringBuffer strBuf = new StringBuffer();

 strBuf.append("\t\t<!--START Code Block for Chart-->\n");
 strBuf
 .append("\t\t<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='"
  + chartWidth
  + "' height='"
  + chartHeight
  + "' id='"
  + chartId + "'>\n");
 strBuf.append("\t\t\t\t<param name='allowScriptAccess' value='always' />\n");
 strBuf.append("\t\t\t\t<param name='movie' value='" + chartSWF + "'/>\n");
 strBuf.append("\t\t\t\t<param name='FlashVars' value=\"" + strFlashVars
  + "\" />\n");
 strBuf.append("\t\t\t\t<param name='quality' value='high' />\n");
 strBuf
 .append("\t\t\t\t<embed src='"
  + chartSWF
  + "' FlashVars=\""
  + strFlashVars
  + "\" quality='high' width='"
  + chartWidth
  + "' height='"
  + chartHeight
  + "' name='"
  + chartId
  + "' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />\n");
 strBuf.append("\t\t</object>\n");
 strBuf.append("\t\t<!--END Code Block for Chart-->\n");
 return strBuf.substring(0);
    }

    /**
     * Converts a Boolean value to int value<br>
     *
     * @param bool Boolean value which needs to be converted to int value
     * @return int value correspoding to the boolean : 1 for true and 0 for false
     */
   public static int boolToNum(Boolean bool) {
 int num = 0;
 if (bool.booleanValue()) {
     num = 1;
 }
 return num;
    }
}

  注意 strBuf.append("\t\t<script LANGUAGE='Javascript' SRC='/FusionCharts/FusionCharts.js'></script>\n");

说明在你的根目录下请放置一个文件夹FusionCharts 下面有这样一个js

FusionCharts.js内容是

/**
 * FusionCharts: Flash Player detection and Chart embed
 *
 * Morphed from SWFObject (http://blog.deconcept.com/swfobject/) under MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 */
if(typeof infosoftglobal == "undefined") var infosoftglobal = new Object();
if(typeof infosoftglobal.FusionChartsUtil == "undefined") infosoftglobal.FusionChartsUtil = new Object();
infosoftglobal.FusionCharts = function(swf, id, w, h, debugMode, registerWithJS, c, scaleMode, lang){
 if (!document.getElementById) { return; }
 
 //Flag to see whether data has been set initially
 this.initialDataSet = false;
 
 //Create container objects
 this.params = new Object();
 this.variables = new Object();
 this.attributes = new Array();
 
 //Set attributes for the SWF
 if(swf) { this.setAttribute('swf', swf); }
 if(id) { this.setAttribute('id', id); }
 if(w) { this.setAttribute('width', w); }
 if(h) { this.setAttribute('height', h); }
 
 //Set background color
 if(c) { this.addParam('bgcolor', c); }
 
 //Set Quality 
 this.addParam('quality', 'high');
 
 //Add scripting access parameter
 this.addParam('allowScriptAccess', 'always');
 
 //Pass width and height to be appended as chartWidth and chartHeight
 this.addVariable('chartWidth', w);
 this.addVariable('chartHeight', h);

 //Whether in debug mode
 debugMode = debugMode ? debugMode : 0;
 this.addVariable('debugMode', debugMode);
 //Pass DOM ID to Chart
 this.addVariable('DOMId', id);
 //Whether to registed with JavaScript
 registerWithJS = registerWithJS ? registerWithJS : 0;
 this.addVariable('registerWithJS', registerWithJS);
 
 //Scale Mode of chart
 scaleMode = scaleMode ? scaleMode : 'noScale';
 this.addVariable('scaleMode', scaleMode);
 //Application Message Language
 lang = lang ? lang : 'EN';
 this.addVariable('lang', lang);
}

infosoftglobal.FusionCharts.prototype = {
 setAttribute: function(name, value){
  this.attributes[name] = value;
 },
 getAttribute: function(name){
  return this.attributes[name];
 },
 addParam: function(name, value){
  this.params[name] = value;
 },
 getParams: function(){
  return this.params;
 },
 addVariable: function(name, value){
  this.variables[name] = value;
 },
 getVariable: function(name){
  return this.variables[name];
 },
 getVariables: function(){
  return this.variables;
 },
 getVariablePairs: function(){
  var variablePairs = new Array();
  var key;
  var variables = this.getVariables();
  for(key in variables){
   variablePairs.push(key +"="+ variables[key]);
  }
  return variablePairs;
 },
 getSWFHTML: function() {
  var swfNode = "";
  if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) {
   // netscape plugin architecture   
   swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'"  ';
   swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';
   var params = this.getParams();
    for(var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }
   var pairs = this.getVariablePairs().join("&");
    if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }
   swfNode += '/>';
  } else { // PC IE   
   swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'">';
   swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />';
   var params = this.getParams();
   for(var key in params) {
    swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';
   }
   var pairs = this.getVariablePairs().join("&");   
   if(pairs.length > 0) {swfNode += '<param name="flashvars" value="'+ pairs +'" />';}
   swfNode += "</object>";
  }
  return swfNode;
 },
 setDataURL: function(strDataURL){
  //This method sets the data URL for the chart.
  //If being set initially
  if (this.initialDataSet==false){
   this.addVariable('dataURL',strDataURL);
   //Update flag
   this.initialDataSet = true;
  }else{
   //Else, we update the chart data using External Interface
   //Get reference to chart object
   var chartObj = infosoftglobal.FusionChartsUtil.getChartObject(this.getAttribute('id'));
   chartObj.setDataURL(strDataURL);
  }
 },
 setDataXML: function(strDataXML){
  //If being set initially
  if (this.initialDataSet==false){
   //This method sets the data XML for the chart INITIALLY.
   this.addVariable('dataXML',strDataXML);
   //Update flag
   this.initialDataSet = true;
  }else{
   //Else, we update the chart data using External Interface
   //Get reference to chart object
   var chartObj = infosoftglobal.FusionChartsUtil.getChartObject(this.getAttribute('id'));
   chartObj.setDataXML(strDataXML);
  }
 },
 render: function(elementId){
  var n = (typeof elementId == 'string') ? document.getElementById(elementId) : elementId;
  n.innerHTML = this.getSWFHTML();
  return true;  
 }
}

// ------------ Fix for Out of Memory Bug in IE in FP9 ---------------//
/* Fix for video streaming bug */
infosoftglobal.FusionChartsUtil.cleanupSWFs = function() {
 if (window.opera || !document.all) return;
 var objects = document.getElementsByTagName("OBJECT");
 for (var i=0; i < objects.length; i++) {
  objects[i].style.display = 'none';
  for (var x in objects[i]) {
   if (typeof objects[i][x] == 'function') {
    objects[i][x] = function(){};
   }
  }
 }
}
// Fixes bug in fp9
infosoftglobal.FusionChartsUtil.prepUnload = function() {
 __flash_unloadHandler = function(){};
 __flash_savedUnloadHandler = function(){};
 if (typeof window.onunload == 'function') {
  var oldUnload = window.onunload;
  window.onunload = function() {
   infosoftglobal.FusionChartsUtil.cleanupSWFs();
   oldUnload();
  }
 } else {
  window.onunload = infosoftglobal.FusionChartsUtil.cleanupSWFs;
 }
}
if (typeof window.onbeforeunload == 'function') {
 var oldBeforeUnload = window.onbeforeunload;
 window.onbeforeunload = function() {
  infosoftglobal.FusionChartsUtil.prepUnload();
  oldBeforeUnload();
 }
} else {
 window.onbeforeunload = infosoftglobal.FusionChartsUtil.prepUnload;
}

/* Add Array.push if needed (ie5) */
if (Array.prototype.push == null) { Array.prototype.push = function(item) { this[this.length] = item; return this.length; }}

/* Function to return Flash Object from ID */
infosoftglobal.FusionChartsUtil.getChartObject = function(id)
{
  if (window.document[id]) {
      return window.document[id];
  }
  if (navigator.appName.indexOf("Microsoft Internet")==-1) {
    if (document.embeds && document.embeds[id])
      return document.embeds[id];
  } else {
    return document.getElementById(id);
  }
}
/* Aliases for easy usage */
var getChartFromId = infosoftglobal.FusionChartsUtil.getChartObject;
var FusionCharts = infosoftglobal.FusionCharts;

 

下面就createChart这个静态的方法进行解读!

 createChart(String chartSWF, String strURL,String strXML, String chartId, int chartWidth,     inchartHeight,
 boolean debugMode, boolean registerWithJS)

  注意该方法需要传递的参数!

 String chartSWF就是一个flash也就是所谓的模板

 String strURL可以传递空字符串

 String strXML 就是我们用java语言写的一个特定的xml文档[注意该文档需要一定的格式!将在下面讲解]

String chartId 就是整个图形的标题[就是说明要显示图形的意图]; int chartWidth就是生成图形的宽度;

  int chartHeight就是生成图形的高度!

   boolean debugMode是否为调试模式 一般为false;

 boolean registerWithJS 是否将js一起发布一般为了保证代码的绝对安全 为false

 

具体的做法已经完成 下面就讲一下调用 在action或者servlet中  我们只需要

  String  strChartCode=FusionChartsCreator.createChart("模板", "","用java生成的xml文档","标题", 600, 500, false, false);

 PrintWriter out = response.getWriter();

out.print(strChartCode);

return null;

一个falsh图形就可以出现在你的面前了!


 

分享到:
评论

相关推荐

    JAVA 插件 jfree图形报表实例

    java图形报表的一些简单实例。常应用于统计分析模块

    java图形报表开发

    java图形报表开发详解,内附API文档及柱状图表实例。

    Java中图形化报表实例

    这是一个很好而且很实用的基于JavaWeb中的图形化报表实例

    java生成图形报表组件

    很好用的图形报表工具,有详细的帮助文档及实例,能生成曲线图、饼状图、柱状图、时序图,杜绝(鄙视)劣质代码,只提供优质代码!

    Java源码包100个设计实例.zip

    Java24点游戏逼真图形版代码.rar JavaScript万年历.rar Java二进制IO类与文件复制操作实例.rar Java从压缩包中提取文件.rar Java从网络取得文件.rar Java仓库管理系统,Access数据库.rar Java仿Vista界面风格的登录...

    JAVA上百实例源码以及开源项目源代码

     Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始化颜色数组。...

    java源码包---java 源码 大量 实例

     Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始化颜色数组。...

    FusionCharts报表 图形实例

    本资源 是较为轻量级的 JAVA WEB 图形解决方案 实例,采用JS和FLASH技术,下载即可运行。相对于jfreeChart 更为简洁方便好用,高效。

    基于java的echart实例

    基于echart的图形报表实例,欢迎各位下载!

    JAVA上百实例源码以及开源项目

     Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始化颜色数组。...

    JFreeChart 学习资料,源文件+API+实例

    在Java的图形报表技术中,JFreeChart组件提供了方便、快捷、灵活的制图方法。 作为一个功能强大的图形报表组件,JFreeChart为Java的图形报表技术提供了解决方案。在Java项目的应用中,JFreeChart组件几乎可以满足...

    java源码包4

     Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始化颜色数组。...

    java源码包3

     Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始化颜色数组。...

    java源码包2

     Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始化颜色数组。...

    JFreeChart所有图形实例(Demo和源码).rar

    包含JFreeChart所有图形报表的制作(含源码),绝对是开发图表的好东西。

    eos 报表案例 帮助你快速开发eos报表

    eos中常见的报表实例,帮助你快速开发eos报表,配置文件在说明里有。关于图形的下次上传。

Global site tag (gtag.js) - Google Analytics