|
|
項目中需要用到報表，發現這個Flash做的工具很好用~
效果漂亮，且支持多達40多種報表。
看圖：
簡單說下這個東東在jsp環境下的應用.
java代碼:
 package com.eline.epicc.utils;
import java.io.IOException;
import javax.servlet.http.HttpServletResponse;
  /** *//**
 * 報表生成公共類(創建FusionCharts<flash cool>）
*
* @author zdw
*
 */
public class ChartUtils
 {
  /** *//**
* 對Url數據轉碼的方法
* @param strDataURL - chart的數據url
* @param addNoCacheStr - 非緩存字符串
* @return
 */
public String encodeDataURL(String strDataURL, String addNoCacheStr,
HttpServletResponse response)
{
String encodedURL = strDataURL;
if (addNoCacheStr.equals("true"))
{
java.util.Calendar nowCal = java.util.Calendar.getInstance();
java.util.Date now = nowCal.getTime();
java.text.SimpleDateFormat sdf = new java.text.SimpleDateFormat(
"MM/dd/yyyy HH_mm_ss a");
String strNow = sdf.format(now);
if (strDataURL.indexOf("?") > 0)
{
encodedURL = strDataURL + "&FCCurrTime=" + strNow;
}
else
{
strDataURL = strDataURL + "?FCCurrTime=" + strNow;
}
encodedURL = response.encodeURL(strDataURL);
}
return encodedURL;
}
/** *//**
* 用HTML+JavaScript創建FusionCharts對象(用此方式需要導入FusionCharts.js文件)
* @param chartSWF -
* flash文件的位置，即chart圖表類型
* @param strURL - xml數據源
* @param strXML - 字符流
* @param chartId - chart對象在HTML中的唯一標識
* @param chartWidth - flash chart 的寬度(單位px)
* @param chartHeight - flash chart 的高度(單位px)
* @param debugMode - 是否開啟chart 調試模式
* @param registerWithJS - 是否注冊自己
*/
public static String createChart(String chartSWF, String strURL,
String strXML, String chartId, int chartWidth, int chartHeight,
boolean debugMode, boolean registerWithJS)
{
StringBuffer strBuf = new StringBuffer();
strBuf.append("<!--START Script Block for Chart -->\n");
strBuf.append("\t\t<div id='" + chartId + "Div' align='center'>\n");
strBuf.append("\t\t\t\tChart.\n");
strBuf.append("\t\t</div>\n");
strBuf.append("\t\t<script type='text/javascript'>\n");
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");
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");
return strBuf.substring(0);
}
/** *//**
* 創建swf charts對象(HTML)
*
* @param chartSWF -
* flash文件的位置，即chart圖表類型
*
* @param strURL -
* xml數據源
* @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 -
* chart對象在HTML中的唯一標識
* @param chartWidth -
* flash chart 的寬度(單位px)
* @param chartHeight -
* flash chart 的高度(單位px)
* @param debugMode -
* 是否開啟chart 調試模式
*/
public static String createChartHTML(String chartSWF, String strURL,
String strXML, String chartId, int chartWidth, int chartHeight,
boolean debugMode)
{
String strFlashVars = "";
Boolean debugModeBool = new Boolean(debugMode);
if (strXML.equals(""))
{
strFlashVars = "chartWidth=" + chartWidth + "&chartHeight="
+ chartHeight + "&debugMode=" + boolToNum(debugModeBool)
+ "&dataURL=" + strURL + "";
}
else
{
strFlashVars = "chartWidth=" + chartWidth + "&chartHeight="
+ chartHeight + "&debugMode=" + boolToNum(debugModeBool)
+ "&dataXML=" + strXML + "";
}
StringBuffer strBuf = new StringBuffer();
// 開始輸出Object chart
strBuf.append("\t\t<!--START Code Block for Chart-->\n");
strBuf
.append("\t\t\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);
}
/** *//**
* 提供快速輸出Chart的便捷方法(基于字符流的方式)
*
* @param chartSWF :
* flash文件的位置，即chart圖表類型
* @param strXml :
* xml文件流(string格式)
* @param chartId :
* chart對象在HTML中的唯一標識
* @param chartWidth :
* flash chart 的寬度(單位px)
* @param chartHeight:
* flash chart 的高度(單位px)
* @param response :
* reponse對象
*/
public static void outChartHTML(String chartSWF, String strXml,
String chartId, int chartWidth, int chartHeight,
HttpServletResponse response)
{
String str = createChartHTML(chartSWF, "", strXml, chartId, chartWidth,
chartHeight, false);
try
{
response.getWriter().write(str);
} catch (IOException e)
{
e.printStackTrace();
}
}
/** *//**
* 提供快速輸出Chart的便捷方法(基于xml文件的方式)
*
* @param chartSWF :
* flash文件的位置，即chart圖表類型
* @param strURL :
* xml數據源(路徑格式)
* @param chartId :
* chart對象在HTML中的唯一標識
* @param chartWidth :
* flash chart 的寬度(單位px)
* @param chartHeight:
* flash chart 的高度(單位px)
* @param response :
* reponse對象
*/
public static void outChartSourceHTML(String chartSWF, String strURL,
String chartId, int chartWidth, int chartHeight,
HttpServletResponse response)
{
String str = createChartHTML(chartSWF, strURL, "", chartId, chartWidth,
chartHeight, false);
try
{
response.getWriter().write(str);
} catch (IOException e)
{
e.printStackTrace();
}
}
/** *//**
* bollean轉換為int
*/
private static int boolToNum(Boolean bool)
{
int num = 0;
if (bool.booleanValue())
{
num = 1;
}
return num;
}
}
jsp:
<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="com.eline.epicc.utils.ChartUtils"%>
<%@page import="com.eline.epicc.utils.Constants"%>
<HTML>
<HEAD>
<TITLE>FusionCharts - Simple Column 3D Chart</TITLE>
</HEAD>
<BODY>
<%
//文件源示例
ChartUtils.outChartSourceHTML("common/charts/Column3D.swf",
"data.xml", "myFirst", 600, 300, response);
String[][] arrData = new String[6][2];
//產品名字
arrData[0][0] = "Product A";
arrData[1][0] = "Product B";
arrData[2][0] = "Product C";
arrData[3][0] = "Product D";
arrData[4][0] = "Product E";
arrData[5][0] = "Product F";
arrData[0][1] = "567500";
arrData[1][1] = "815300";
arrData[2][1] = "556800";
arrData[3][1] = "734500";
arrData[4][1] = "676800";
arrData[5][1] = "648500";
//Now, we need to convert this data into XML. We convert using string concatenation.
String strXML;
int i = 0;
strXML = "<chart caption='Sales by Product' numberPrefix='$' formatNumberScale='0'>";
for (i = 0; i < arrData.length; i++)
{
strXML = strXML + "<set label='" + arrData[i][0]
+ "' value='" + arrData[i][1] + "' />";
}
strXML = strXML + "</chart>";
//String字符串流示例
ChartUtils.outChartHTML(Constants.COLUMN3D, strXML,
"myFirst", 600, 300, response);
%>
</BODY>
</HTML>
xml數據文件:
<?xml version="1.0" encoding="UTF-8"?>
<chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showValues='0' formatNumberScale='0' showBorder='1'>
<set label='Jan' value='462' />
<set label='Feb' value='857' />
<set label='Mar' value='671' />
<set label='Apr' value='494' />
<set label='May' value='761' />
<set label='Jun' value='960' />
<set label='Jul' value='629' />
<set label='Aug' value='622' />
<set label='Sep' value='376' />
<set label='Oct' value='494' />
<set label='Nov' value='761' />
<set label='Dec' value='960' />
</chart>
當然FusionCharts支持很多種編程語言，具體你可以看附件的CHM.
附上破解版的下載和我做的Chm幫助文檔。
下載
|