如何在 React Native 中实现气泡图/圆形包装？答案

【问题标题】：How to implement Bubble Chart / Circle Packing in React Native?如何在 React Native 中实现气泡图/圆形包装？
【发布时间】：2019-10-14 07:54:12
【问题描述】：

我想使用 EXPO（无本机代码）在 React Native 中使用数据数组作为道具呈现气泡图（圆形包装）动态。我想知道我可以用哪种方式来实现这个图表。我用d3吗？如果是，它是否适用于 React Native？关于如何实现这个气泡图还有其他想法吗？它仅适用于 SVG 吗？还是 d3 包括 SVG？

我还发现了一个react library，它呈现如下图所示的气泡图，但来自 react 的样式和其他属性与 React Native 不匹配。

我还没有找到这个问题的答案。社区里有没有人遇到过这个问题并解决了？

【问题讨论】：

标签： react-native d3.js bubble-chart circle-pack

【解决方案1】：

您可以使用react-native-chart-wrapper，因为它提供带有附加图表列表的气泡图

【讨论】：

我刚刚看到了这个库，它使用了本机代码，如果你正在使用 expo，它就无法工作。我在上面编辑了我的问题，因为我使用了 expo。