`

报表之fusionchart

阅读更多

转自:http://xiayingjie.iteye.com/blog/870758

  java做web报表主要分为三类,一种在服务器生成图片,代表的组件有jfreechart,这种图片不美观,而且缺乏互动性。二种用javascript生成图片,同样也不是很漂亮。第三种是flash报表,这种报表美感和互动性都有了。 
      flash报表中,比较出名的有以下三个,open flash chart(OFC),amcharts, funsionchart,OFC开源,但是感觉没其他两个漂亮。amcahrts感觉太复杂,功能太强一般都用不到。funsionchart,分为免费版和商业版,一般免费版就够我们用了,易学易用是fusionchart的最大优势。 
      报表按功能分可以分为单系列图,多系列图,组合图,其他(财经图,漏斗图,甘特图),我们这里也主要讲单系列图,多系列图,组合图类型的图。 
      本来想写详细一点的,但是觉得写起来麻烦,直接上代码好了,下面是个人写的funtionchart通用类。 

 

package com.xyj.com.tool.chart;

import java.util.HashMap;
import java.util.Map;
import java.util.Random;

import org.dom4j.Document;
import org.dom4j.Element;

import com.xyj.com.tool.xml.Dom4jUtil;

/**
 * @className:FusionChartUtil.java
 * @classDescription:fusionChart操作类
 * @author:xiayingjie
 * @createTime:2010-11-26
 */

public class FusionChartUtil {
	//一般提供如下图:3D/2D柱形图,曲线图,3D/2D饼图,区域图,堆栈图,联合图,蜡烛图,漏斗图,甘特图,
	//按程序来分:单系列图,多系列图,堆栈图,组合图,财经图,漏斗图,甘特图
	//此程序做 单系列图,多系列图,组合图,其他图形暂时不考虑。
	
	/**
	 * 通用属性
	 *attibutesMap:caption(标题);subCaption(子标题); xAxisName(X轴标签);yAxisName(y轴标签)
	 *yaxisminvalue(Y轴最小数字);yaxismaxvalue(Y轴最大);xaxisminvalue(X轴最小数字)xaxismaxvalue(X轴最大)
	 *numberPrefix(加上前缀比如为“¥”) numberSuffix(后缀比如加上百分号"%25")
	 *decimalSeparator(小数分隔符默认为'.') thousandSeparator(前位分隔符默认为',')
	 *formatNumberScale(格式化小数,如果为0则去掉默认的逗号如 12,345)decimalPrecision(指定小数位位数,如果不写则默认是2位);
	 *
	 */
	public static Element  getRootElement(Map<String,String>attributesMap){
		//创建Docment对象
		Document doc=Dom4jUtil.createDocument();
		Element graph=doc.addElement("graph");
		for(String name:attributesMap.keySet()){
			graph.addAttribute(name, attributesMap.get(name));
		}
		return graph;
	}
	/**
	 * 获取结果
	 */
	/**----------------------------单系列图形--------------------------------*/
	/**
		FCF_Column3D.swf 
		FCF_Column2D.swf
		FCF_Line.swf
		FCF_Area2D.swf
		FCF_Bar2D.swf
		FCF_Pie2D.swf
		FCF_Pie3D.swf
		FCF_Doughnut2D.swf
	*/
	
	/**
	 * 设置值
	 * @param root 根目录
	 * @param attributesMap 属性配置 (可选项) name(x名称),value(值),link(图像加上链接,可以是js也可以是路径,新窗口前面打开加上"n-")
	 */
	public static void  setSingerElement(Element root,Map<String,String>attributesMap){
		Element set=root.addElement("set");
		for(String name:attributesMap.keySet()){
			set.addAttribute(name, attributesMap.get(name));
		}
	}
	/**----------------------------多系列图形+组合图形--------------------------------*/
	/**
	 * -----多系列图------
	    FCF_MSColumn2D.swf
		FCF_MSColumn3D.swf
	  	FCF_MSLine.swf
		FCF_MSBar2D.swf
		FCF_MSArea2D.swf
	 */
	
	/**
	 * -----组合图-------
	   FCF_MSColumn2DLineDY.swf
	   FCF_MSColumn3DLineDY.swf
	 */
	/**
	 * 设置多系列图的x坐标name
	 * @param root 根节点
	 * @param attributesMap 相关属性,比如设置字体大小 font='Arial' fontSize='11' fontColor='000000'
	 * @param values x具体的名称
	 * @return
	 */
	public static Element  setCategoryElement(Element root,Map<String,String>attributesMap,String[]values){
		//设置多种类
		Element categories=root.addElement("categories");
		for(String name:attributesMap.keySet()){
			categories.addAttribute(name, attributesMap.get(name));
		}
		for(String value:values){
			categories.addElement("category").addAttribute("name", value);
		}
		return categories;
	}
	/**
	 * 设置值
	 * @param root
	 * @param attributesMap seriesname='Grain' color='C9198D'
	 * @param values
	 * @return
	 */
	public static Element setDatasetElement(Element root,Map<String,String>attributesMap,String[]values){
		//设置多种类
		Element dateset=root.addElement("dataset");
		for(String name:attributesMap.keySet()){
			dateset.addAttribute(name, attributesMap.get(name));
		}
		for(String value:values){
			dateset.addElement("set").addAttribute("value", value);
		}
		return dateset;
	}
	//----------------------------趋势线方便比较----------------------
	/**
	 * 添加趋势线
	 * @param root
	 * @return
	 */
	public static Element setTrendLine(Element root){
		return root.addElement("trendlines");
	}
	/**
	 * 添加趋势线
	 * @param trendline
	 * @param attributesMap startValue = '26000' color = '91C728' displayValue = 'Target' showOnTop = '1 '
	 * @return
	 */
	public static Element setLine(Element trendline,Map<String,String>attributesMap){
		Element line=trendline.addElement("line");
		for(String name:attributesMap.keySet()){
			line.addAttribute(name, attributesMap.get(name));
		}
		return line;
	}
	/**
	 * 将root转换成String
	 * @param root
	 * @return
	 */
	public static  String toStringByRoot(Element root){
		return Dom4jUtil.docToString(root.getDocument(),true);
	}


	public static void main(String[]args){
		//---------------单系列图形-----------------

		Map rootAttributeMap=new HashMap();
		rootAttributeMap.put("caption", "每月销售额柱形图");//主标题
		rootAttributeMap.put("subcaption", "2006-2007");//符标题
		rootAttributeMap.put("xAxisName", "月份");//x轴名称
		rootAttributeMap.put("yAxisName", "units");//Y轴名称 免费版不支持中文显示	
		rootAttributeMap.put("decimalPrecision", "0");
		Element root=FusionChartUtil.getRootElement(rootAttributeMap);
		
		Map singerAttributeMap=new HashMap();
		String[]clors={"00","11","22","33","44","55","66","77","88","99","AA","BB","CC","DD","EE","FF"};

		for(int i=1;i<=12;i++){
			singerAttributeMap.put("name", i+"月");
			Random r=new Random();
			int value=r.nextInt(30000);
			int i1=r.nextInt(clors.length);
			int i2=r.nextInt(clors.length);
			int i3=r.nextInt(clors.length);
			singerAttributeMap.put("value", String.valueOf(value));	
			singerAttributeMap.put("color", String.valueOf(clors[i1]+clors[i2]+clors[i3]));	
			FusionChartUtil.setSingerElement(root, singerAttributeMap);
		}
		
		Map lam=new HashMap();
		lam.put("startValue", "26000");
		lam.put("color", "91C728");

		
		FusionChartUtil.setLine(FusionChartUtil.setTrendLine(root), lam);
		
		System.out.println(FusionChartUtil.toStringByRoot(root));
		
		
		
		//---------------------多系列图--------------------------
//		Map rootAttributeMap=new HashMap();
//		rootAttributeMap.put("caption", "每月销售额柱形图");//主标题
//		rootAttributeMap.put("subcaption", "2006-2007");//符标题
//		rootAttributeMap.put("xAxisName", "月份");//x轴名称
//		rootAttributeMap.put("yAxisName", "units");//Y轴名称 免费版不支持中文显示	
//		rootAttributeMap.put("showvalues", "0");//是否显示数字,0为不显示,1为显示
//
//
//
//
//		Element root=FusionChartUtil.getRootElement(rootAttributeMap);
//		
//		Map categoryAttributeMap=new HashMap();
//		categoryAttributeMap.put("font", "Arial");
//		categoryAttributeMap.put("fontSize", "13");
//		categoryAttributeMap.put("fontColor", "000000");
//		String[] values={"1月","","3月","","5月","","7月","","9月","","11月","12月"};
//	
//		FusionChartUtil.setCategoryElement(root,categoryAttributeMap,values);
//		
//		
//		Map datasetAttributeMap=new HashMap();
//		datasetAttributeMap.put("seriesName", "2006");
//		datasetAttributeMap.put("color", "c4e3f7");
//		
//		
//		Random r=new Random();
//		String[] vss=new String[12];
//		for(int i=0;i<12;i++){
//			vss[i]=String.valueOf(r.nextInt(30000));
//		}
//		FusionChartUtil.setDatasetElement(root, datasetAttributeMap, vss);
//		
//		datasetAttributeMap.put("seriesName", "2007");
//		datasetAttributeMap.put("color", "Fad35e");
//		for(int i=0;i<12;i++){
//			vss[i]=String.valueOf(r.nextInt(30000));
//		}
//		FusionChartUtil.setDatasetElement(root, datasetAttributeMap, vss);
//		
//		System.out.println(FusionChartUtil.toStringByRoot(root));
		
		//------------------组合图-------------------
//		Map rootAttributeMap=new HashMap();
//		rootAttributeMap.put("caption", "每月销售额柱形图");//主标题
//		rootAttributeMap.put("subcaption", "2006-2007");//符标题
//		rootAttributeMap.put("xAxisName", "月份");//x轴名称
//		//rootAttributeMap.put("yAxisName", "units");//Y轴名称 免费版不支持中文显示	
//		rootAttributeMap.put("PYAxisName", "数量av");
//		rootAttributeMap.put("SYAxisName", "uv");
//		rootAttributeMap.put("showvalues", "0");//是否显示数字,0为不显示,1为显示
//
//
//
//
//		Element root=FusionChartUtil.getRootElement(rootAttributeMap);
//		
//		Map categoryAttributeMap=new HashMap();
//		categoryAttributeMap.put("font", "Arial");
//		categoryAttributeMap.put("fontSize", "13");
//		categoryAttributeMap.put("fontColor", "000000");
//		String[] values={"1月","","3月","","5月","","7月","","9月","","11月","12月"};
//	
//		FusionChartUtil.setCategoryElement(root,categoryAttributeMap,values);
//		
//		
//		Map datasetAttributeMap=new HashMap();
//		datasetAttributeMap.put("seriesName", "2006");
//		datasetAttributeMap.put("color", "c4e3f7");
//		datasetAttributeMap.put("parentYAxis", "P");//P表示是主轴
//		
//		
//		Random r=new Random();
//		String[] vss=new String[12];
//		for(int i=0;i<12;i++){
//			vss[i]=String.valueOf(r.nextInt(30000));
//		}
//		FusionChartUtil.setDatasetElement(root, datasetAttributeMap, vss);
//		
//		datasetAttributeMap.put("seriesName", "2007");
//		datasetAttributeMap.put("color", "Fad35e");
//		for(int i=0;i<12;i++){
//			vss[i]=String.valueOf(r.nextInt(30000));
//		}
//		FusionChartUtil.setDatasetElement(root, datasetAttributeMap, vss);
//		//次轴
//		datasetAttributeMap.put("seriesName", "用户UV");
//		datasetAttributeMap.put("color", "FF11BB");
//		datasetAttributeMap.put("parentYAxis", "S");//s表示是次轴
//		for(int i=0;i<12;i++){
//			vss[i]=String.valueOf(r.nextInt(300));
//		}
//		FusionChartUtil.setDatasetElement(root, datasetAttributeMap, vss);
//		
//		System.out.println(FusionChartUtil.toStringByRoot(root));
	}
	
		
	
}

 演示demo :
CSDN下载:http://download.csdn.net/detail/nizhengjia888/5731059

51CTO下载:http://down.51cto.com/data/867128

 

另附一个flash饼图demo
CSDN下载:http://download.csdn.net/detail/nizhengjia888/5731129

51CTO下载:http://down.51cto.com/data/867129

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics