2015-04-04 34 views
14

Voglio far funzionare i grafici interattivi nella mia app React Native. So che probabilmente non è ancora stata creata una libreria specifica React Native, ma quale libreria Objective-C/Swift/Javascript dovrei esaminare per permettermi di creare grafici che assomigliano a quelli generati da Chart.js?Chart.js equivalenti per React Native

+1

Per la creazione di grafici in Reagire nativo e reagire, utilizzare Vittoria: https://formidable.com/open-source/victory/gallery –

risposta

3

Avrai voglia di guardare Obj-C e Swift, non JavaScript, credo. Le librerie JS esistenti verranno disegnate sul DOM, sul Canvas o su un altro target del browser che non sarà disponibile in React Native. Questo dovrebbe limitare un po 'il campo. Quindi per utilizzarlo direttamente da RN è necessario creare uno Native Module tra JS e Obj-C.

Quindi a quel punto si riduce a: "Che cos'è una buona libreria di catalogazione di iOS" e fortunatamente qualcuno ha già fatto il duro lavoro su quello over on this answer. Core Plot sembra abbastanza completo.

+0

Potrei usare qualcosa di simile, https://github.com/lwansbrough/react- native-tela? Sto ancora pensando che non funzionerà per reagire nativo perché avrei bisogno di sovrascrivere la tela del grafico con questa tela nativa reattiva. Sto solo cercando di capire cosa è possibile e ragionevole. –

7

Vorrei andare per ART library del progetto nativo react.

Ecco uno chart example per ReactJS che è possibile adattare per reagire-nativo, osservando questi esempi React-native Art.

Inoltre, è probabile che si verifichi qualcosa con Chartist library che utilizza SVG per disegnare grafici e che ha uno reactjs component.

MODIFICA: A partire dalla versione 0.18rc, React-Native supporta anche ART library for Android.

+0

http://fraserxu.me/react-chartist/ sembra promettente. Sai se questo dovrebbe essere compatibile con la reazione nativa? Non capisco come determinare la compatibilità con nativo reattivo. Nella mia esperienza, se non ha il prefisso "react-native- *", non funzionerà. (Sono un newbie Javascript e react-native) –

+0

react-chartist è scritto per il browser, quindi non compatibile con react-native (non ho provato ma dovrebbe funzionare in una webview). Per disegnare un grafico "nativo", tutta la logica di disegno deve essere scritta ... – Sulliwane

+0

Grazie a @Sulliwane. Darò una prova webview + react-chartist. Dovrebbe valere la pena investire nel tempo. Non riesco a trovare nessun componente grafico nativo reattivo che supporta * sia * Android e iOS. –

1
+0

Anche se ciò potrebbe teoricamente rispondi alla domanda [sarebbe preferibile] (// meta.stackoverflow.com/q/8259) per includere qui le parti essenziali della risposta e fornire il link per riferimento. –