使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表
2015-12-24 00:00
881 查看
<script type='text/javascript'> //<![CDATA[ $(function(){ //声明报表对象 var chart = new Highcharts.Chart({ chart: { //将报表对象渲染到层上 renderTo: 'container' }, //设定报表对象的初始数据 series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); function getForm(){ //使用JQuery从后台获取JSON格式的数据 jQuery.getJSON('http://localhost:8080/JQueryPIC/ajax', null, function(data) { //为图表设置值 chart.series[0].setData(data); }); } $(document).ready(function() { //每隔3秒自动调用方法,实现图表的实时更新 window.setInterval(getForm,3000); }); }); //]]> </script>
相关文章推荐
- jsp jquery 页面中select显示加载后的数据默认选中项
- JQuery 特效
- jQuery小技巧(三)
- jquery的height()和javascript的height总结,js获取屏幕高度
- ASP.NET jquery-1.9.1 语句
- 深入理解jQuery插件开发
- 学习笔记:《jQuery基础教程》第四版第六章课后练习——通过Ajax发送数据
- jQuery获取属性之自己遇到的问题
- jquery中eq和get (
- javascript/jquery判断是否为undefined或是null!
- jQuery获取和设置disabled属性、背景图片路径
- 20151223jquery学习笔记--Ajax表单提交
- jQuery 插件--jQuery.timers
- jquery wrap()方法
- 改进jQuery的$.getScript(url,callback)动态加载JS
- JQuery分页插件bs_pagination的应用
- JQuery选择器大全
- Jquery 和 Js 获得元素标签名称的方法
- 随鼠标轮动翻动层————jquery小练习
- jquery JqGrid