用FusionChartsFree做饼状图、柱状图、折线图的实例

阅读更多

 

 

 

 

1.先来看看要进行表现的页面：myChart.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
http://www.w3.org/TR/html4/loose.dtd">

Fusion Charts Free

 

 

注：以上需要引入需要的js和css，如jquery.js,FusionCharts.js,style.css,Charts文件夹，这其中的大部分都可以在下载的FusionChartsFree中找到。如果只是做简单的从XML中读取数据，那么很简单，参看其中的相关例子即可。

2.来看一下后台返回的数据的格式：Servlet.java

package servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**  
 * @Title: Servlet.java
 * @Package servlet
 * @Description:
 * @author lzh
 * @date Dec 2, 2011 2:44:51 PM   
 * @version V1.0  
 */
public class Servlet extends HttpServlet {
 public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
    this.doPost(request, response);
 }
 public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
    request.setCharacterEncoding("GBK");
    StringBuffer sb=new StringBuffer();
    sb.append("");
    sb.append("");
    sb.append("");
    sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       sb.append("");
       response.setCharacterEncoding("UTF-8");
       System.out.println(sb.toString());
       response.getWriter().print(sb.toString());
 }
}

3.如果只是读xml文件，那么在表现页面myChart中，将responseText替换为相应的xml文件即可。xml的格式如下：