Can we use Highcharts with React-Native?
Here you can use this component to send the config json to the componente and it will be displayed
https://github.com/TradingPal/react-native-highcharts
Two main ways you can utilise Highcharts in React Native app are :
- WebView component. I used this technique on other platforms (Appcelerator Titanium) as well.
- Official minimal Highcharts wrapper for React : highcharts-react-native.
As of now pre-requisite for this are:- node 11.2+
- npm 6.7.0+ or similar package manager
- React 16.4+
- React native 0.59.3+
To install:
npm install @highcharts/highcharts-react-native
NOTE: There are other un-official wrappers as well like react-native-highcharts but I have not used them.
HighCharts works with the DOM. You cannot use HighCharts or charting libraries that depend on the DOM directly in React Native, but you can use charting libraries in a WebView with React Native. I have not use High Charts specifically, but have used other charting libraries with WebView and it works great.