如何在 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");
}
);