Highcharts获取json数据展现(学习资料).docx

实际上很多时候图表展现的数据都是从服务器端获取，现在来做一个简单的异步获取json数据的例子。　　服务器端用Servlet3.0实现，JSP页面通过jquery异步请求json数据提供给Highcharts展现。　　1、用一个实体类封装要展现的信息packagecn.luxh.app.entity;publicclassBrowserShare {//浏览器名称private String name;//份额privatefloat share;publicBrowserShare(String name, float share) {super(); = name;this.share = share; }publicfloatgetShare() {return share; }publicvoidsetShare(float share) {this.share = share; }public String getName() {return name; }publicvoidsetName(String name) { = name; }}　　2、处理请求的Servletpackagecn.luxh.app.servlet;importjava.io.IOException;importjava.io.PrintWriter;importjava.util.ArrayList;importjava.util.List;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importcom.google.gson.Gson;importcn.luxh.app.entity.BrowserShare;@WebServlet(name=dataServlet,value=/servlet/dataServlet)publicclassDataServletextendsHttpServlet {publicvoiddoGet(HttpServletRequest request, HttpServletResponse response)throwsServletException, IOException {request.setCharacterEncoding(UTF-8);response.setCharacterEncoding(UTF-8);response.setContentType(application/json;charset=utf-8); ListBrowserShare resultList =getData();Gsongson= newGson(); String result = gson.toJson(resultList);//转成json数据 PrintWriter out =response.getWriter();out.write(result);out.flush();out.close(); }/** * 获取数据 */private ListBrowserSharegetData() { ListBrowserShare resultList = newArrayListBrowserShare();resultList.add(newBrowserShare(Chrome,18.55F));resultList.add(newBrowserShare(Firefoc,19.99F));resultList.add(newBrowserShare(IE,54.13F));resultList.add(newBrowserShare(Oher,0.49F));resultList.add(newBrowserShare(Oprea,1.63F));resultList.add(newBrowserShare(Safari,5.21F));returnresultList; }}　　3、JSP页面%@ page language=javapageEncoding=UTF-8%!DOCTYPE HTMLhtmlheadmetahttp-equiv=Content-Type content=text/html; charset