使用d3和webView反应原生

Mar*_*ski 3 d3.js react-native

我试图了解如何添加d3图表以响应原生应用程序.我发现的唯一信息是使用webView,但非常感谢有一些工作的例子可能在github中.

小智 6

我用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>
Run Code Online (Sandbox Code Playgroud)

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

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