如何在NVD3.js中获取轴的更新和渲染值

Question

我正在使用NVD3.js库创建图表。在我的网站上，我每5秒钟收到一次新数据。我添加并更新我的图表。一切正常。我的问题是我想获取x轴或y轴的新渲染和更新范围。但是我的代码每次都返回相同的值。

d3.select( "#chart" + panelId + " svg" )
.datum( getData( data ) );
log( chart.xAxis.scale().domain() ); // Before updating
chart.update();
log( chart.xAxis.scale().domain() ); // After updating

如何获取x轴和y轴的更新范围？

Answer 1

在@WhiteHat的帮助下，我通过捕获图表的“ renderEnd”事件来做到这一点：

chart.lines.dispatch.on("renderEnd", () => {
  // Handle render event here
  log( "Rendered");
}
);