Javascript heatmap.js插件可在D3.js中逐步显示数据

Question

我有一个使用heatmap.js的D3，并且数据集为空。我想在每次向数据集中添加数据时显示热图。

脚本：

const self = this;
 h.setData({
  max: 1,
  data: self.newData . // empty
 })
 this.mydata.forEach(function(e){
      self.newData.push(e);
      // self.wait(500)
     h.addData(e);
     h.repaint();
     console.log(self.newData.length)
 })

但是结果不是我想要的！映射很清楚，console.log显示直到最后一个数据为止的增量计数器。而不是仅仅更新地图图像。

您有解决的办法吗？

Answer 1

您将必须使用一种机制，该机制可以使JavaScript引擎将控制权交还给呈现引擎。

form是执行此操作的一种方法：

<br/>