Highcharts获取json数据展现范文
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
实际上很多时候图表展现的数据都是从服务器端获取,现在来做一个简单的异步获取json数据的例子。
服务器端用Servlet3.0实现,JSP页面通过jquery异步请求json数据提供给Highcharts 展现。
1、用一个实体类封装要展现的信息
package cn.luxh.app.entity;
public class BrowserShare {
//浏览器名称
private String name;
//份额
private float share;
public BrowserShare(String name, float share) {
super();
= name;
this.share = share;
}
public float getShare() {
return share;
}
public void setShare(float share) {
this.share = share;
}
public String getName() {
return name;
}
public void setName(String name) {
= name;
}
}
2、处理请求的Servlet
package cn.luxh.app.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
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.google.gson.Gson;
import cn.luxh.app.entity.BrowserShare;
@WebServlet(name="dataServlet",value="/servlet/dataServlet")
public class DataServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
response.setContentType("application/json;charset=utf-8");
List
Gson gson = new Gson();
String result = gson.toJson(resultList);//转成json数据
PrintWriter out = response.getWriter();
out.write(result);
out.flush();
out.close();
}
/**
* 获取数据
*/
private List
List
resultList.add(new BrowserShare("Firefoc",19.99F));
resultList.add(new BrowserShare("IE",54.13F));
resultList.add(new BrowserShare("Oher",0.49F));
resultList.add(new BrowserShare("Oprea",1.63F));
resultList.add(new BrowserShare("Safari",5.21F));
return resultList;
}
}
3、JSP页面
<%@ page language="java" pageEncoding="UTF-8"%>