使用实时数据绘制图形 - Socket.io

时间:2016-08-22 13:08:33

标签: javascript angularjs d3.js socket.io c3.js

我使用$interval(function() { $http({ url: 'chartData.json', method: "GET", }).then(function(json) { $scope.names = formatData(json.data) $scope.chart.load({json: $scope.names, keys: { value: ['Bryan', 'John', 'Alicia', 'Jenny'] }}); }); }, 1000); 功能刷新带有新值的条形图 - > plunker

socketio.on('chartData', function (json) {
    $scope.names = formatData(json.data)
    $scope.chart.load({json: $scope.names, keys: { value: ['Bryan', 'John', 'Alicia', 'Jenny'] }});
  });

现在我尝试使用Socket.io中的实时数据刷新图表 - >

 socket.on("chartData", function(message) {
  io.emit("message",  message);
 });

plunker

在后端,有一个不断发出新数据的NodeJS

MY_FLOAT_COL*1

,但图表没有显示。是否有其他库可以实现类似的功能?

0 个答案:

没有答案