Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用实时数据绘制图形-Socket.io_Javascript_Angularjs_D3.js_Socket.io_C3.js - Fatal编程技术网

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

Javascript 使用实时数据绘制图形-Socket.io,javascript,angularjs,d3.js,socket.io,c3.js,Javascript,Angularjs,D3.js,Socket.io,C3.js,我正在使用setInterval函数用新值刷新条形图-> 现在我正在尝试使用Socket.io中的实时数据刷新图形-> socketio.on('chartData', function (json) { $scope.names = formatData(json.data) $scope.chart.load({json: $scope.names, keys: { value: ['Bryan', 'John', 'Alicia', 'Jenny'] }}); });

我正在使用
setInterval
函数用新值刷新条形图->

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

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

在后端,有一个nodej,它不断地发出新数据

 socket.on("chartData", function(message) {
  io.emit("message",  message);
 });
,但不显示图表。是否有其他库可以实现类似的功能

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