2015-04-04 55 views
14

我想让交互式图表在我的React Native应用程序中工作。我知道可能还没有制作一个React Native特定的库,但是我应该研究什么Objective-C/Swift/Javascript库,这将允许我制作看起来像Chart.js生成的图表/图表?React Native的等效图表.js

+1

对于React Native和React中的图表,请使用胜利: https://formidable.com/open-source/victory/gallery – 2017-08-04 12:34:52

回答

3

你会想看看Obj-C和Swift,而不是我认为的JavaScript。现有的JS库将绘制到DOM,Canvas或其他浏览器目标,这些目标在React Native中不可用。这应该缩小领域一点。然后从RN直接使用它,你需要在JS和Obj-C之间创建一个Native Module

所以在这一点上归结为:“什么是一个好的iOS图表库”,幸运的是有人已经在那个over on this answer上完成了艰苦的工作。 Core Plot看起来很全面。

+0

我可以使用类似这样的东西,https://github.com/lwansbrough/react-天然帆布?我仍然认为它不适用于原生反应,因为我需要用这个反应本地画布覆盖chartjs画布。试图找出什么是可能的和合理的。 – 2015-04-22 15:46:47

7

我会去为ART library的react-native项目。

以下是针对ReactJS的chart example,您可以通过查看这些React-native Art示例来适应react-native。

此外,可能需要调查的内容有Chartist library,它们使用SVG绘制图表,并且有reactjs component

编辑:从版本0.18rc开始,React-Native也支持ART library for Android

+0

http://fraserxu.me/react-chartist/看起来很有希望。你知道这是否应该与react-native兼容?我不明白如何确定与react-native的兼容性。根据我的经验,如果它没有“react-native- *”前缀,它将不起作用。 (我是一个Javascript和反应,原生新手) – 2016-03-22 13:27:56

+0

react-chartist是为浏览器编写的,所以与react-native不兼容(我没有尝试但应该在webview中工作)。要绘制“原生”图表,所有的绘图逻辑需要写入... – Sulliwane 2016-03-25 01:06:10

+0

谢谢@Sulliwane。我会给webview + react-chartist一个尝试。这应该是值得的时间投资。我无法找到支持* Android和iOS的反应原生图组件。 – 2016-03-25 02:10:11

1
+0

虽然这可能在理论上回答这个问题,[最好](// meta.stackoverflow.com/q/8259)在这里包含答案的基本部分,并提供参考链接。 – 2016-10-25 07:57:02