react-native＆d3选择库

Question

目前正在使用来自蓝牙库的实时数据流的反应原生应用程序。因此，我需要一个图表，它不断渲染自己像示例here（如果有人可以建议一个类似的库会很棒），但代码编写的是html和javascript。并且因为在这种情况下React和d3之间存在冲突d3selection库。根据this article，我试着绕着它努力。我尝试将其转换为反应本机代码，但选择库不起作用，我找不到任何使用反应原生d3.selection的例子。我想知道d3选择是否支持本机反应。这是我得到的错误是this.querySelectorAll不是一个函数，感谢任何人可以帮助我，这是我需要工作的代码。

select(node)
  .selectAll("rect")
  .data(this.props.data)
  .style("fill", "#fe9922")
  .attr("x", (d, i) => i * 25)
  .attr("y", d => this.props.size[1] - yScale(d))
  .attr("height", d => yScale(d))
  .attr("width", 25);

Answer 1

有两种方法可以使d3与react-native一起工作。一个是反应原生ART，另一个是SVG使用react-native-svg。对于某些3D图形，react-native-svg效果更好。您在d3选择中使用refs属性来引用svg。