通过套接字获取数据时，如何实时渲染d3图表？

Question

我从后端startval，difference，endval根据这些值获取数组中的数据。例如-如果startval = 10，差分= 10，endval =50。则返回的数组为[10,20,30,40,50]。基于这个数组，我想使用套接字实时更新我的​​d3图。我已经完成了套接字部分。如果任何人都可以提供，那将是一个很大的帮助。预先感谢。

我已经尝试过d3文档，但似乎无法将其包裹住（https://www.npmjs.com/package/angular-d3-charts）。这必须做到有角度。

    this.webSocketService.listen('response').subscribe((data) => {
      console.log(data);    


    });

此处数据包含数组。我不知道从这里去哪里。