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

Question

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

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

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

How to get updated and rendered value of axis in NVD3.js

javascript

d3.js

charts

nvd3.js