2016-05-12 27 views
8

Attualmente sto usando Highcharts per la mia app web, ma ora sto costruendo un'app per Android usando react-native. Gli Highcharts funzionano con nativo di React.Possiamo usare Highcharts con React-Native?

+1

C'è [una Highcharts articolo ufficiale sull'utilizzo Highcharts con Reagire] (http://www.highcharts.com/blog/192-use-highcharts-to-create-charts- in-react), quindi forse avrai qualche informazione in più lì. –

+0

Sembra che la pagina non sia disponibile ora –

risposta

10

HighCharts funziona con il DOM. Non è possibile utilizzare HighCharts o librerie di grafici che dipendono dal DOM direttamente in React Native, ma è possibile utilizzare le librerie di creazione in un WebView con React Native. Non ho usato High Charts in modo specifico, ma ho usato altre librerie di grafici con WebView e funziona alla grande.

+0

Grazie a @Nader. Ma sto ancora trovando difficile capire come rendere questo grafico all'interno di Webview. Sto usando il pacchetto npm di Highcharts ma non riesco ancora a capire come usarlo con la webview –

+0

che si qualifica come una domanda diversa, non correlata a questo. Suggerisco di accettare la risposta di @ Nader se si adatta e creare una domanda separata per le indicazioni sull'utilizzo di HighCharts in WebView. – hazardous

1

È possibile utilizzare questo modulo: react-native-highcharts.

Funziona utilizzando il motore Web su Android o iOS e il modulo JavaScript di Highcharts per il rendering di grafici dinamici.

Esempio:

<ChartView style={{height:300}} config={conf}></ChartView>