Highcharts获取json数据展现范文

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 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 resultList = getData();

Gson gson = new Gson();

String result = gson.toJson(resultList);//转成json数据

PrintWriter out = response.getWriter();

out.write(result);

out.flush();

out.close();

}

/**

* 获取数据

*/

private List getData() {

List resultList = new ArrayList(); resultList.add(new BrowserShare("Chrome",18.55F));

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"%>

Highcharts Example

src="${pageContext.request.contextPath}/js/modules/exporting.js">