2016-05-12 13 views
8

Derzeit verwende ich Highcharts für meine Web-App, aber jetzt baue ich eine Android-App mit reaktionsnativen. Will Highcharts arbeitet mit React-native.Können wir Highcharts mit React-Native verwenden?

+1

Es gibt [offizielle Highcharts Artikel über die Verwendung von Highcharts mit Reagieren] (http://www.highcharts.com/blog/192-use-highcharts-to-create-charts- reagiere), also wirst du dort vielleicht noch mehr Infos bekommen. –

+0

Sieht so aus als ob die Seite nicht verfügbar ist –

Antwort

10

HighCharts arbeitet mit dem DOM. Sie können keine HighCharts oder Diagrammbibliotheken verwenden, die direkt vom DOM in React Native abhängen, aber Sie können Diagrammbibliotheken in einem WebView mit React Native verwenden. Ich habe nicht speziell High Charts verwendet, aber andere Charting-Bibliotheken mit WebView verwendet und es funktioniert super.

+0

Danke @Nader. Aber ich finde es immer noch schwierig zu verstehen, wie man dieses Diagramm im Webview darstellt. Ich benutze Highcharts npm-Paket, konnte aber immer noch nicht herausfinden, wie man es mit webview –

+0

verwenden kann. Das qualifiziert sich als eine andere Frage, die nicht damit zusammenhängt. Ich schlage vor, Sie akzeptieren @ Naders Antwort, wenn es passt und erstellen Sie eine separate Frage für Anweisungen zur Verwendung von HighCharts in WebView. – hazardous

1

Sie können mit diesem Modul angezeigt: react-native-highcharts.

Es funktioniert mit der Web-Engine auf Android oder iOS und dem Highcharts JavaScript-Modul zum Rendern dynamischer Diagramme.

Beispiel:

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