没有合适的资源?快使用搜索试试~ 我知道了~
HighCharts与使用Ajax交互
1星 需积分: 48 16 下载量 14 浏览量
2017-10-11
15:05:15
上传
评论
收藏 3KB TXT 举报
温馨提示
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;
<%@ 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;
资源评论
- qq_292792752017-12-12没看,不知道 怎么样
shursulei
- 粉丝: 66
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功