是否可以实时重新渲染 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，如果它已更改，将执行渲染函数。