echarts简单示例

最近在用到echarts，顺便研究了一下，发现网上的一些异步加载图表的资料的例子不是那么的直观，话不多说，直接上代码：

Servlet + ajax 实现的

创建web工程，要导入lib下面三个jar包（这个要提前准备好）

jQuery 和 echarts也要放入相应的文件夹下；

工程目录：

Servlet代码：

package echarts;

From Angurs

import java.io.IOException;

import java.util.HashMap;

import java.util.Map;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSON;

/**

* Servlet implementation class Echarts

*/

@WebServlet(\"/Echarts\")

From Angurs

public class Echarts extends HttpServlet {

private static final long serialVersionUID = 1L;

/**

* @see HttpServlet#HttpServlet()

*/

public Echarts() {

super();

}

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

String[] categories = {\"鞋\", \"衬衫\", \"外套\", \"牛仔裤\"};

Integer[] values = {80, 50, 75, 100};

Map json = new HashMap();

From Angurs

json.put(\"values\", values);

json.put(\"categories\", categories);

System.out.println(JSON.toJSONString(json));

response.setCharacterEncoding(\"utf-8\");

response.getWriter().write(JSON.toJSONString(json));

}

}

Jsp页面：

<%@ page language=\"java\" contentType=\"text/html; charset=UTF-8\"

pageEncoding=\"UTF-8\"%>

From Angurs

<%@ taglib uri=\"http://java.sun.com/jsp/jstl/core\" prefix=\"c\" %>

From Angurs