fusioncharts报表

最新推荐文章于 2024-08-17 12:54:01 发布
最新推荐文章于 2024-08-17 12:54:01 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： java 文章标签： 报表 xmlhttprequest integer javascript string stylesheet

转帖地址：http://fengfeng925.javaeye.com/blog/581755

 

线简单介绍一下FusionCharts，这是一款动态的制作报表的工具，主要通过XML数据和SWF文件进行交互，实现类似于flash的非常漂亮的报表。下面就做一个Demo，简要介绍一下啊fusioncharts的功能，以及如何实现一个完整动态数据的交互。
   首先下载FusionCharts的官方API发布包，我做这个例子的时候是V3.1下载后，在MyEclipse下新建一个Web工程。然后将发布包中的Charts文件夹拷贝到WebRoot下，这里面都是我们接下来要做图的时候用到的一些swf文件。接着还需要一个JS文件，是JSClass文件夹下的FusionCharts.js文件，将它拷贝到WebRoot下的ChartsJs文件夹下。由于我这个项目是结合struts1还有spring加上JPA做的。所以大家先有个基本的认识。然后在WEB-INF下建立两个目录，一个叫fusion、一个叫common，等会我们会用到。找到发布包的/Code/JSP/Includes目录下，将FusionCharts.jsp文件拷贝到common文件夹下。
   准备环境完成了，那么我们下面就开始做了。
   首先说我想做什么内容。主要是展示2004、2005、2006、2007四年的一个油品的销售统计，用柱状图来表示，然后点击每一个柱子，会在右边显示出饼状的上半年的各个月份的销售比例。
   首先建立实体Bean，代码如下

Java代码 复制代码
  1. import java.util.HashSet;   
  2. import java.util.Set;   
  3.   
  4. import javax.persistence.CascadeType;   
  5. import javax.persistence.Column;   
  6. import javax.persistence.Entity;   
  7. import javax.persistence.GeneratedValue;   
  8. import javax.persistence.Id;   
  9. import javax.persistence.OneToMany;   
  10. import javax.persistence.Table;   
  11.   
  12. import com.zxyg.bean.orgnization.Employee;   
  13.   
  14. /**  
  15.  * 年销售统计  
  16.  * @author Lan  
  17.  *   
  18.  */  
  19. @Entity  
  20. @Table(name = "t_yearunits")   
  21. public class YearUnits {   
  22.     private Integer id;   
  23.     private String year;   
  24.     private Float units;   
  25.        
  26.     private Set<MonthUnits> months = new HashSet<MonthUnits>();   
  27.   
  28.     @OneToMany(mappedBy="year", cascade=CascadeType.REFRESH)   
  29.     public Set<MonthUnits> getMonths() {   
  30.         return months;   
  31.     }   
  32.   
  33.     public void setMonths(Set<MonthUnits> months) {   
  34.         this.months = months;   
  35.     }   
  36.   
  37.     @Id @GeneratedValue  
  38.     public Integer getId() {   
  39.         return id;   
  40.     }   
  41.   
  42.     public void setId(Integer id) {   
  43.         this.id = id;   
  44.     }   
  45.   
  46.     @Column(length=4, nullable=false)   
  47.     public String getYear() {   
  48.         return year;   
  49.     }   
  50.   
  51.     public void setYear(String year) {   
  52.         this.year = year;   
  53.     }   
  54.   
  55.     @Column(length=5, nullable=false)   
  56.     public Float getUnits() {   
  57.         return units;   
  58.     }   
  59.   
  60.     public void setUnits(Float units) {   
  61.         this.units = units;   
  62.     }   
  63.   
  64.        
  65. }  
import java.util.HashSet;
import java.util.Set;

import javax.persistence.CascadeType;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.OneToMany;
import javax.persistence.Table;

import com.zxyg.bean.orgnization.Employee;

/**
 * 年销售统计
 * @author Lan
 * 
 */
@Entity
@Table(name = "t_yearunits")
public class YearUnits {
	private Integer id;
	private String year;
	private Float units;
	
	private Set<MonthUnits> months = new HashSet<MonthUnits>();

	@OneToMany(mappedBy="year", cascade=CascadeType.REFRESH)
	public Set<MonthUnits> getMonths() {
		return months;
	}

	public void setMonths(Set<MonthUnits> months) {
		this.months = months;
	}

	@Id @GeneratedValue
	public Integer getId() {
		return id;
	}

	public void setId(Integer id) {
		this.id = id;
	}

	@Column(length=4, nullable=false)
	public String getYear() {
		return year;
	}

	public void setYear(String year) {
		this.year = year;
	}

	@Column(length=5, nullable=false)
	public Float getUnits() {
		return units;
	}

	public void setUnits(Float units) {
		this.units = units;
	}

	
}

 

Java代码 复制代码
  1. import javax.persistence.CascadeType;   
  2. import javax.persistence.Column;   
  3. import javax.persistence.Entity;   
  4. import javax.persistence.GeneratedValue;   
  5. import javax.persistence.Id;   
  6. import javax.persistence.JoinColumn;   
  7. import javax.persistence.ManyToOne;   
  8. import javax.persistence.Table;   
  9.   
  10. /**  
  11.  * 月销售统计  
  12.  * @author Lan  
  13.  *   
  14.  */  
  15. @Entity  
  16. @Table(name = "t_monthunits")   
  17. public class MonthUnits {   
  18.     private Integer id;   
  19.     private String month;   
  20.     private Float units;   
  21.        
  22.     private YearUnits year;   
  23.   
  24.     @ManyToOne(cascade=CascadeType.REFRESH)   
  25.     @JoinColumn(name="year_id")   
  26.     public YearUnits getYear() {   
  27.         return year;   
  28.     }   
  29.   
  30.     public void setYear(YearUnits year) {   
  31.         this.year = year;   
  32.     }   
  33.   
  34.     @Id @GeneratedValue  
  35.     public Integer getId() {   
  36.         return id;   
  37.     }   
  38.   
  39.     public void setId(Integer id) {   
  40.         this.id = id;   
  41.     }   
  42.   
  43.     @Column(length=4, nullable=false)   
  44.     public String getMonth() {   
  45.         return month;   
  46.     }   
  47.   
  48.     public void setMonth(String month) {   
  49.         this.month = month;   
  50.     }   
  51.   
  52.     @Column(length=5, nullable=false)   
  53.     public Float getUnits() {   
  54.         return units;   
  55.     }   
  56.   
  57.     public void setUnits(Float units) {   
  58.         this.units = units;   
  59.     }   
  60. }  
import javax.persistence.CascadeType;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.JoinColumn;
import javax.persistence.ManyToOne;
import javax.persistence.Table;

/**
 * 月销售统计
 * @author Lan
 * 
 */
@Entity
@Table(name = "t_monthunits")
public class MonthUnits {
	private Integer id;
	private String month;
	private Float units;
	
	private YearUnits year;

	@ManyToOne(cascade=CascadeType.REFRESH)
	@JoinColumn(name="year_id")
	public YearUnits getYear() {
		return year;
	}

	public void setYear(YearUnits year) {
		this.year = year;
	}

	@Id @GeneratedValue
	public Integer getId() {
		return id;
	}

	public void setId(Integer id) {
		this.id = id;
	}

	@Column(length=4, nullable=false)
	public String getMonth() {
		return month;
	}

	public void setMonth(String month) {
		this.month = month;
	}

	@Column(length=5, nullable=false)
	public Float getUnits() {
		return units;
	}

	public void setUnits(Float units) {
		this.units = units;
	}
}


这分别是年销售统计和月销售统计的实体Bean
由于Service层的东西都在底层封装好了，所以建立好表后，手动添加一些数据就好了。
接下来是Action层的代码，首先是针对年销售突击的Action的代码

Java代码 复制代码
  1. import java.io.PrintWriter;   
  2. import java.util.List;   
  3.   
  4. import javax.annotation.Resource;   
  5. import javax.servlet.http.HttpServletRequest;   
  6. import javax.servlet.http.HttpServletResponse;   
  7.   
  8. import org.apache.struts.action.Action;   
  9. import org.apache.struts.action.ActionForm;   
  10. import org.apache.struts.action.ActionForward;   
  11. import org.apache.struts.action.ActionMapping;   
  12. import org.apache.struts.actions.DispatchAction;   
  13. import org.springframework.stereotype.Controller;   
  14.   
  15. import com.zxyg.bean.report.MonthUnits;   
  16. import com.zxyg.bean.report.YearUnits;   
  17. import com.zxyg.service.report.MonthUnitsService;   
  18. import com.zxyg.service.report.YearUnitsService;   
  19.   
  20. /**  
  21.  * 年销售统计图表  
  22.  * @author Lan  
  23.  *  
  24.  */  
  25. @Controller("/year/units/report")   
  26. public class YearUnitsAction extends Action {   
  27.     @Resource private YearUnitsService yearUnitsService;   
  28.        
  29.        
  30.     public ActionForward execute(ActionMapping mapping, ActionForm form,   
  31.             HttpServletRequest request, HttpServletResponse response)   
  32.             throws Exception {   
  33.         //年销售统计   
  34.         StringBuilder strXML1 = new StringBuilder("");   
  35.         strXML1.append("<?xml version='1.0' encoding='GBK'?><chart palette='2' maxColWidth='70' rotateYAxisName='0' caption='油品年销售统计' "  
  36.                  + "startingAngle='125' shownames='1' showvalues='0' numberPrefix='$'>");   
  37.            
  38.         List<YearUnits> yearunits = yearUnitsService.getScrollData().getResultlist();   
  39.         for(YearUnits units : yearunits) {   
  40.             strXML1.append("<set label='" + units.getYear() + "' value='" + units.getUnits()+ "'link='JavaScript:myJS(" + units.getYear().substring(0, 4) + ")'/>");   
  41.         }   
  42.         strXML1.append("</chart>");   
  43.         request.setAttribute("strXML1", strXML1.toString());   
  44.         return mapping.findForward("report");   
  45.     }   
  46.        
  47. }  
import java.io.PrintWriter;
import java.util.List;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;
import org.springframework.stereotype.Controller;

import com.zxyg.bean.report.MonthUnits;
import com.zxyg.bean.report.YearUnits;
import com.zxyg.service.report.MonthUnitsService;
import com.zxyg.service.report.YearUnitsService;

/**
 * 年销售统计图表
 * @author Lan
 *
 */
@Controller("/year/units/report")
public class YearUnitsAction extends Action {
	@Resource private YearUnitsService yearUnitsService;
	
	
	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		//年销售统计
		StringBuilder strXML1 = new StringBuilder("");
		strXML1.append("<?xml version='1.0' encoding='GBK'?><chart palette='2' maxColWidth='70' rotateYAxisName='0' caption='油品年销售统计' "
				 + "startingAngle='125' shownames='1' showvalues='0' numberPrefix='$'>");
		
		List<YearUnits> yearunits = yearUnitsService.getScrollData().getResultlist();
		for(YearUnits units : yearunits) {
			strXML1.append("<set label='" + units.getYear() + "' value='" + units.getUnits()+ "'link='JavaScript:myJS(" + units.getYear().substring(0, 4) + ")'/>");
		}
		strXML1.append("</chart>");
		request.setAttribute("strXML1", strXML1.toString());
		return mapping.findForward("report");
	}
	
}


这里的钻取要用到ajax技术，所以接下来是月销售统计的数据钻取

Java代码 复制代码
  1. import java.io.PrintWriter;   
  2. import java.util.List;   
  3.   
  4. import javax.annotation.Resource;   
  5. import javax.servlet.http.HttpServletRequest;   
  6. import javax.servlet.http.HttpServletResponse;   
  7.   
  8. import org.apache.struts.action.Action;   
  9. import org.apache.struts.action.ActionForm;   
  10. import org.apache.struts.action.ActionForward;   
  11. import org.apache.struts.action.ActionMapping;   
  12. import org.springframework.stereotype.Controller;   
  13.   
  14. import com.zxyg.bean.report.MonthUnits;   
  15. import com.zxyg.service.report.MonthUnitsService;   
  16.   
  17. /**  
  18.  * 月销售统计图表  
  19.  * @author Lan  
  20.  *  
  21.  */  
  22. @Controller("/month/units/report")   
  23. public class MonthUnitsAction extends Action {   
  24.     @Resource private MonthUnitsService monthUnitsService;   
  25.   
  26.     @Override  
  27.     public ActionForward execute(ActionMapping mapping, ActionForm form,   
  28.             HttpServletRequest request, HttpServletResponse response)   
  29.             throws Exception {   
  30.         response.setContentType("text/html;charset=utf-8");   
  31.         response.setHeader("Cache-Control", "no-cache");   
  32.         PrintWriter out = response.getWriter();   
  33.         String year = request.getParameter("year");   
  34.         if(year != null && !"".equals(year)) {   
  35.             out.print("<chart palette='2' rotateYAxisName='0' caption='上半年销售历史' xAxisName='月份' refreshInterval='60'"    
  36.                           +" yAxisName='Units' showValues='0'>");   
  37.             List<MonthUnits> monthunits = monthUnitsService.getMonthUnitsByYear(year.trim());   
  38.             for(int i=0; i<monthunits.size(); i++) {   
  39.                 MonthUnits monthUnits = monthunits.get(i);   
  40.                 out.print("<set label='" + monthUnits.getMonth()+ "' value='" + monthUnits.getUnits()+ "' />");   
  41.             }   
  42.             out.print("</chart>");   
  43.         }   
  44.         return null;   
  45.     }   
  46. }  
import java.io.PrintWriter;
import java.util.List;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.springframework.stereotype.Controller;

import com.zxyg.bean.report.MonthUnits;
import com.zxyg.service.report.MonthUnitsService;

/**
 * 月销售统计图表
 * @author Lan
 *
 */
@Controller("/month/units/report")
public class MonthUnitsAction extends Action {
	@Resource private MonthUnitsService monthUnitsService;

	@Override
	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		response.setContentType("text/html;charset=utf-8");
		response.setHeader("Cache-Control", "no-cache");
		PrintWriter out = response.getWriter();
		String year = request.getParameter("year");
		if(year != null && !"".equals(year)) {
			out.print("<chart palette='2' rotateYAxisName='0' caption='上半年销售历史' xAxisName='月份' refreshInterval='60'" 
				          +" yAxisName='Units' showValues='0'>");
			List<MonthUnits> monthunits = monthUnitsService.getMonthUnitsByYear(year.trim());
			for(int i=0; i<monthunits.size(); i++) {
				MonthUnits monthUnits = monthunits.get(i);
				out.print("<set label='" + monthUnits.getMonth()+ "' value='" + monthUnits.getUnits()+ "' />");
			}
			out.print("</chart>");
		}
		return null;
	}
}


最后是页面的代码，struts1的配置我就不写了，反正是定向到WEB-INF下的fusion下的
year_units_report.jsp下
页面代码如下

Java代码 复制代码
  1. <%@ page contentType="text/html;charset=UTF-8" %>   
  2. <%@ include file="/WEB-INF/page/share/taglib.jsp" %>   
  3. <%@ include file="/WEB-INF/page/share/FusionCharts.jsp" %>   
  4. <html>   
  5. <head>   
  6. <title>报表显示</title>   
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
  8. <link rel="stylesheet" href="/css/vip.css" type="text/css">   
  9. <script language="JavaScript" src="/ChartsJs/FusionCharts.js"></script>   
  10. <script LANGUAGE="JavaScript">   
  11.     var xmlHttpRequest;   
  12.     function myJS(myVar) {   
  13.         initRequest(myVar);   
  14.     }   
  15.        
  16.     //初始化xmlHttpRequest对象   
  17.     function initRequest(myVar) {   
  18.         if(window.XMLHttpRequest) {   
  19.             try {   
  20.                 xmlHttpRequest = new XMLHttpRequest();   
  21.                 if(xmlHttpRequest.overrideMimeType) {   
  22.                     xmlHttpRequest.overrideMimeType("text/html;charset=UTF-8");   
  23.                 }   
  24.             }catch (e) {}   
  25.         }else if(window.ActiveXObject) {   
  26.             try {   
  27.                 xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");   
  28.             } catch (e) {   
  29.                 try {   
  30.                     xmlHttpRequest = new ActiveXObject("Msxml2.XMLHttp");   
  31.                 } catch (e) {   
  32.                     try {   
  33.                         xmlHttpRequest = new ActiveXObject("Msxml3.XMLHttp");   
  34.                     } catch (e) {}   
  35.                 }   
  36.             }   
  37.         }   
  38.         verify(myVar);   
  39.     }   
  40.        
  41.     //准备传输数据   
  42.     function verify(myVar) {   
  43.         var url = "/month/units/report.do";   
  44.         xmlHttpRequest.onreadystatechange = callback;   
  45.         xmlHttpRequest.open("POST", url, true);   
  46.         xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");   
  47.         xmlHttpRequest.send("year=" + myVar);   
  48.         //xmlHttpRequest.send(null);   
  49.     }   
  50.        
  51.     //定义回调函数   
  52.     function callback() {   
  53.         if(xmlHttpRequest.readyState == 4) {   
  54.             if(xmlHttpRequest.status == 200) {   
  55.                 var responseText = xmlHttpRequest.responseText;   
  56.                 createHTML3D(responseText);   
  57.             }   
  58.         }   
  59.     }   
  60.        
  61.     //创建子数据图   
  62.     function createHTML3D(data) {   
  63.         var myChart = new FusionCharts("/Charts/Pie3D.swf", "myChartId", "500", "300", "0", "0");   
  64.         myChart.setDataXML(data);   
  65.         myChart.render("chartdiv");   
  66.     }   
  67. </script>   
  68. </head>   
  69.   
  70.   
  71.   
  72. <body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0">   
  73.         <%                     
  74.             String strXML1 = (String)request.getAttribute("strXML1");   
  75.             if(strXML1 != null && !"".equals(strXML1)) {   
  76.                 String chartHTML1 = createChartHTML("/Charts/Column3D.swf",    
  77.                     "", strXML1, "YearUnits", 500, 300, false);   
  78.         %>   
  79.             <span>   
  80.                 <%=chartHTML1%>   
  81.             </span>   
  82.         <%    
  83.             }   
  84.         %>   
  85.            
  86.         <span id="chartdiv">   
  87.         </span>   
  88. </body>   
  89. </html>  
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/page/share/taglib.jsp" %>
<%@ include file="/WEB-INF/page/share/FusionCharts.jsp" %>
<html>
<head>
<title>报表显示</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/css/vip.css" type="text/css">
<script language="JavaScript" src="/ChartsJs/FusionCharts.js"></script>
<script LANGUAGE="JavaScript">
	var xmlHttpRequest;
    function myJS(myVar) {
    	initRequest(myVar);
    }
    
    //初始化xmlHttpRequest对象
    function initRequest(myVar) {
    	if(window.XMLHttpRequest) {
			try {
				xmlHttpRequest = new XMLHttpRequest();
				if(xmlHttpRequest.overrideMimeType) {
					xmlHttpRequest.overrideMimeType("text/html;charset=UTF-8");
				}
			}catch (e) {}
		}else if(window.ActiveXObject) {
			try {
				xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				try {
					xmlHttpRequest = new ActiveXObject("Msxml2.XMLHttp");
				} catch (e) {
					try {
						xmlHttpRequest = new ActiveXObject("Msxml3.XMLHttp");
					} catch (e) {}
				}
			}
		}
    	verify(myVar);
    }
    
    //准备传输数据
    function verify(myVar) {
    	var url = "/month/units/report.do";
    	xmlHttpRequest.onreadystatechange = callback;
    	xmlHttpRequest.open("POST", url, true);
    	xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    	xmlHttpRequest.send("year=" + myVar);
    	//xmlHttpRequest.send(null);
    }
    
    //定义回调函数
    function callback() {
    	if(xmlHttpRequest.readyState == 4) {
    		if(xmlHttpRequest.status == 200) {
    			var responseText = xmlHttpRequest.responseText;
    			createHTML3D(responseText);
    		}
    	}
    }
    
    //创建子数据图
    function createHTML3D(data) {
    	var myChart = new FusionCharts("/Charts/Pie3D.swf", "myChartId", "500", "300", "0", "0");
    	myChart.setDataXML(data);
    	myChart.render("chartdiv");
    }
</script>
</head>



<body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0">
		<%	               
	    	String strXML1 = (String)request.getAttribute("strXML1");
	    	if(strXML1 != null && !"".equals(strXML1)) {
	    		String chartHTML1 = createChartHTML("/Charts/Column3D.swf", 
	 				"", strXML1, "YearUnits", 500, 300, false);
	 	%>
	 		<span>
	   			<%=chartHTML1%>
	   		</span>
	 	<% 
	    	}
	 	%>
	 	
	 	<span id="chartdiv">
	 	</span>
</body>
</html>


最后图的效果如下


这样就做到了动态数据交互钻取，页面不刷新。达到了预期的效果。

zhoushuai3066
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Fusioncharts 报表
10-18
以下是对FusionCharts报表开发的一些关键知识点： 1. **图表类型**：FusionCharts支持超过90种不同类型的图表，包括线图、柱状图、饼图、仪表盘、地图等，覆盖了数据分析的各个领域，满足各种业务需求。 2. **数据...
FusionCharts报表
03-26
FusionCharts报表功能强大，能够整合来自多个数据源的数据，如数据库、CSV文件、XML文件等。用户可以通过简单的API调用或集成到各种开发框架（如JavaScript、PHP、ASP.NET、Java等）中，快速构建出动态报表。它还...
FusionCharts报表使用方法
weixin_33929309的博客
04-25 81
　　主要就是把后台数据拼成报表工具所需要的xml字符串形式传给对应的js，页面引用即可。 　　现在以一张区域水费的报表为例。 　　 public String getChartXml_qysf(List listAreaWater) { try { //listAreaWater 为查询出来的区域水费数据包括区域和对应的水费 //listAr...
FusionCharts报表在Android上的实现
宝爷的专栏
09-22 1223
FusionCharts报表在Android上的实现 分类： android开发2014-07-18 12:41 84人阅读 评论(0) 收藏 举报    前言：最近在做一个第三方App，涉及到Android图表显示，图表数据来自后台，需要联网动态获取后台数据，然后加载到报表中显示。Android这边报表方面的实现一直在考虑是否需要谷歌提供的第三方库achartengine来实
Fusioncharts 报表工具
hy2000l
08-09 80
Fusioncharts是一个基于Flash的图表组件, 是以XML为数据(可基于数据库数据动态生成XML),提供丰富的Flash动画作为图标模板。 1、简单：将想要显示的数据转成XML，选择一个Flash的图表组件呈现即可，不像jfreechart需要编写大量代码来完成图表的生成,这个对于程序员来说是一件高兴的事情。 2、平台和语言无关性，原因很简单它是基于XML数据的 3、降低资...
解决FusionCharts报表中文乱码问题
weixin_30345055的博客
04-02 78
1.当调用静态xml文件时，xml文件格式需保存为gbk,就不会出现乱码 <?xml version="1.0" encoding="gbk"?> <!--encoding为utf-8时，会出现乱码 --><chart caption="数据" showValues="0" showBorder="0" showSum="1" bgColor="...
Fusioncharts系列之基于Fusioncharts的报表统计
Nicky's blog
12-27 4021
本博客介绍fusioncharts插件的使用 先了解fusioncharts插件，fusioncharts是一款基于XML和flash的报表组件，支持Java、PHP、AngularJS等等开发语言，所以，开发出来，加入swf文件，就可以出现动态效果的报表统计，具有2D和3D效果的图表，下面是官网和详细分类官网：http://www.fusioncharts.com/Fusioncharts插件的
FusionCharts报表——饼图工具类
weixin_30621919的博客
04-28 89
饼图工具类： import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import org.apache.commons.lang.StringUtils; /**<chart palette="4" decimals=...
FusionCharts 图形报表
寒尘的专栏
12-05 536
使用之前要导入FusionCharts插件 //展现页面 Ext.define('GroupOnlineApp.view.PrinterView', {     extend : 'Ext.window.Window',     alias : 'widget.printerView',     title : '报表展示',     width : 700,
fusionCharts报表
09-19
以下是对FusionCharts报表及其相关知识点的详细解释： 1. **交互性**：FusionCharts的一大特点是其高度的交互性。用户可以通过点击、滑动或悬停在图表上获取更详细的信息，如数据点的值、趋势分析等，这大大提升了...
FusionCharts 报表制作
11-05
以下是对FusionCharts报表制作相关知识点的详细说明： 1. **FusionCharts概述**： FusionCharts是一种基于JavaScript和Flash技术的数据可视化库，它能够将JSON或XML格式的数据转换为色彩丰富、交互性强的图表。...
java fusionCharts 报表
10-27
Java与FusionCharts报表开发是将Java编程语言与FusionCharts报表工具相结合，用于创建交互式、视觉吸引力强的数据可视化应用。FusionCharts是一款JavaScript图表库，它支持超过90种图表类型，如柱状图、饼图、线图、...
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 286
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1117
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
CSS的:defined伪类：选择已定义元素的新选择器
最新发布
2401_85743969的博客
08-17 349
在CSS中，伪类用于选择元素的不同状态或行为。:defined伪类是CSS4的一个特性，用于选择已经在文档中定义的元素。
【无标题】
weixin_42348009的博客
08-14 172
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
Fusioncharts：动态报表工具，展示强大图表与数据交互
Fusioncharts报表工具是一款强大的基于Flash的数据驱动图表组件，它能够为网页应用提供动态、交互式的图表解决方案。该工具的核心特点包括以下几个方面： 1. **Fusioncharts简介**： Fusioncharts利用Flash技术，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值