--前台代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript">
var chart1; // 全局变量
$(document).ready(function() {
$.getJSON("Highcharts",function(data){
a1=parseInt(data[0]);
a2=parseInt(data[1]);
a3=parseInt(data[2]);
alert(typeof a1);
chart1 = new Highcharts.Chart({
chart : {
renderTo: 'container',
type : 'bar'
},
title : {
text : 'Fruit Consumption'
},
xAxis : {
categories: [ 'Apples', 'Bananas', 'Oranges' ]
},
yAxis : {
title : {
text: 'Fruit eaten'
}
},
series : [ {
name : 'Jane',
data : [a1,a2,a3]
}, {
name : 'John',
data : [10, 3, 4 ]
} ]
});
});
});
</script>
</head>
<body><select id="">
<option id="op"/>
<option />
</select>
<div id="container" style="width: 400px; height:400px"></div>
</body>
</html>
--后台代码
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.google.gson.Gson;
public class Highcharts extends HttpServlet {
public void service(ServletRequest arg0, ServletResponse arg1)
throws ServletException, IOException {
HttpServletRequest request=(HttpServletRequest) arg0;
HttpServletResponse response=(HttpServletResponse) arg1;
List list=new ArrayList();
list.add(1);
list.add(2);
list.add(3);
Gson gson=new Gson();
System.out.println(gson.toJson(list));
response.getWriter().write(gson.toJson(list));
}
}