是否可以实时重新渲染d3.js图？

Question

所以我有一个用D3.js（v4）制作的图形，它具有这样的域比例：

...
.domain([domainA, domainB})
...

domainA和domainB都是用特定值定义的变量，例如：

var domainA = 500;
var domainB = 1000;

我的HTML页面中有一个函数，当按下按钮时，该函数会更新domainA和domainB的值。但是，在单击完整图形上的条形图之一之前，图形的域比例不会改变。

我想知道如何能够重新呈现图形，以便能够在domainA和domainB的值更改时立即设置域比例，而不必单击在其中一个条上以更新图形。

谢谢，任何帮助都很棒！

Answer 1

您可以使用setInterval观看新值：

setInterval(()=> {
         if (domainValue !== domainValueOld){
            render()
         }
   }, 100)

每100毫秒检查一次domainValue，如果更改，将执行render函数。