Highcharts 中文社区

 找回密码
 立即注册
查看: 447|回复: 2

[其他] 新人求助,关于图表数据推送

[复制链接]

该用户从未签到

1

主题

1

帖子

25

积分

HC 新手

Rank: 1

积分
25
发表于 2016-3-3 13:08:19 | 显示全部楼层 |阅读模式
下面这段代码,我想用socketio来动态更新数据,但是只有一个空的表,显示不出任何数据。

  1. <title>SysEye</title>
  2. <!DOCTYPE HTML>
  3. <html>
  4.         <head>
  5.             <meta http-equiv="content-type" content="text/html"; charset="utf-8">
  6.         <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min
  7.         <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js
  8.         <script type="text/javascript" src="http://cdn.bootcss.com/socket.io/0.9.16/socket
  9.         <title>SerEye</title>
  10.         <script type="text/javascript">
  11.                 var cpu_chart;
  12.                 $(document).ready(function($scope, socket){
  13.                        
  14.                         cpu_chart = new Highcharts.Chart({
  15.                                 chart:{
  16.                                         renderTo: 'cpu_chart',
  17.                                         type: 'area',
  18.                                         animation: Highcharts.svg,
  19.                                 },
  20.                                 series:[{
  21.                                         name: 'CPU',
  22.                                         data:[],
  23.                                 }],
  24.                                 credits:{
  25.                                         enabled:false
  26.                                         },
  27.                                 title:{
  28.                                         text: 'CPU Usage'
  29.                                         },
  30.                                 xAxis: {
  31.                                         type: 'datetime',
  32.                                         title:{text: 'Time'}
  33.                                         },
  34.                                 yAxis: {
  35.                                         title: {text: 'Percent'}
  36.                                         },
  37.                                 });
  38.                                
  39.                         function handler_cpu(cpu) {
  40.                             // body...
  41.                             var seriesArray = cpu_chart.series;
  42.                             seriesArray[0].data = [];
  43.                         var time = (new Date()).getTime();
  44.                             for (var i = 0; i < cpu.length; i++) {
  45.                                 seriesArray[0].data.push({
  46.                                         x: time + i * 1000,
  47.                                         y: cpu[i].y
  48.                                             //x: Date.parse(cpu[i].x),
  49.                                             //y: cpu[i].y
  50.                                         });
  51.                                     }
  52.                         }
  53.                        
  54.                             var socket = io.connect('http://' + document.domain + ':' + locati
  55.                                 socket.on('connect', function() {
  56.                                 socket.emit('event', {
  57.                                     data: 'I\'m connected!'
  58.                                                 });
  59.                                     });
  60.                                
  61.                                 socket.on('response', function(msg) {
  62.                                     handler_cpu(msg.cpu);
  63.                             });
  64.                                
  65.                         })
  66.                 </script>
  67.     </head>
  68.     <body>
  69.     <div id="cpu_chart" sytle="width: 100%; height: 400px"></div>
  70.     </body>
复制代码


我看示例里面series下,函数push后还要return,是不是这个原因。
新人,也没学过js,请教下是什么原因,然后要怎么改。
谢谢!

本帖被以下淘专辑推荐:

  • TA的每日心情
    开心
    2017-1-25 11:33
  • 签到天数: 581 天

    [LV.9]以坛为家II

    5

    主题

    793

    帖子

    1万

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    12510

    论坛元老

    发表于 2016-3-3 13:29:17 | 显示全部楼层
    建议先学学js吧。没学过,就搞复杂的,有点难为自己。
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
  • TA的每日心情
    难过
    2016-4-6 12:52
  • 签到天数: 8 天

    [LV.3]偶尔看看II

    2

    主题

    12

    帖子

    132

    积分

    HC 新手

    Rank: 1

    积分
    132
    发表于 2016-3-4 15:10:40 | 显示全部楼层
    好好学习JS吧,
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表