如何将数据流流入节点服务器以填充人力图

How do you get data streaming into a node server to populate a rickshaw chart?

本文关键字:填充 服务器 节点 数据流      更新时间:2023-09-26

所以,我在html脚本上设置了这个人力车折线图:

var data = [];
var graph = new Rickshaw.Graph( {
    element: document.querySelector("#chart"), 
    width: 1000, 
    height: 100, 
    renderer: 'line',
    series: [{
        color: 'red',
        data: data
    }]
});
graph.render();

在我的节点服务器上,我有数据,结构化为具有 x 和 y 属性的对象,通过套接字从手机流入:

var rawData = io
.of('/swift')
.on('connection', function (socket) {
  console.log('new connection');
  socket.on('message', function (data, fn) {
    fn('woot');
    console.log(data);
  });
  socket.emit('node.js', {
    "hello": "from node"
  });
});

但我不确定的是,如何使用传入的数据对象填充数据数组(在 html 中)?

我发现问题很简单。数据没有通过的原因是,我只需要使用 io.sockets.emit 而不是 socket.emit,这样套接字事件就可以被不仅仅是原始套接字连接听到。