d3.js - 使用 d3 和 webView react 原生

Question

我试图弄清楚如何添加 d3 图表来响应 native 应用程序。我发现的唯一信息是使用 webView，但非常感谢在 github 中有一些工作示例。

Answer 1

我用 d3 制作了一个饼图，没有使用 webview。使用 d3，您可以生成图表并将生成的 SVG 代码放置到 Shape 组件中:

<Surface width={100} height={100} >
  <Group x={50} y={50} >
    <Shape d={'M...Here goes the svg code'} 
            stroke={'#000'} 
            strokeWidth={1} 
            fill={'#FF0000'} />
  </Group>
</Surface>

一个简单的例子可以在这里找到:https://github.com/radogost/PieChartExample

也许使用这种方法，您可以创建实时更新的图表？