HighCharts与使用Ajax交互

HighCharts

Ajax

1星需积分: 48 16 下载量 27 浏览量 2017-10-11 15:05:15 上传评论收藏 3KB TXT 举报

温馨提示

试读

4页

HighCharts后台交互数据模板，使用Ajax交互传递数据，显示图示

资源推荐

资源详情

资源评论

李敏老师 14:13:46
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>Highcharts Example</title>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/highcharts.js"></script>
<script language="javascript" type="text/javascript" src="js/exporting.js"></script>
<script type="text/javascript">
var arr = [];
//当页面进行加载的时候的操作
$(document).ready(function(){
//通过ajax从后台获取数据
//servlet的地址
var url="/HighCharts/select";
//get请求的jquery，发送信息到路径上，并且获得结果
$.get(url,function(data){
var d = eval(data);
//遍历json字符串
$.each(d,function(i,n){
//遍历结果放入数组中 i表示下标 n 表示对象EMP
arr.push([n.level+"",n.count]);
});
//调用方法（生成饼状图的方法）。把数据放入进去
creatPie(arr);
});

});

var chart;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论收藏

内容反馈