React-Native-Chart-View
this is a react native component that uses highchart where you send the configuration as a prop and the chart is created with a WebView
Install
npm install react-native-chart-view --save
Demo
Basic example
REMEMBER to declare the variable Highcharts='Highcharts'
;... { var Highcharts='Highcharts'; var conf= chart: type: 'spline' animation: Highchartssvg // don't animate in old IE marginRight: 10 events: { // set up the updating of the chart each second var series = thisseries0; ; } title: text: 'Live random data' xAxis: type: 'datetime' tickPixelInterval: 150 yAxis: title: text: 'Value' plotLines: value: 0 width: 1 color: '#808080' tooltip: { return '<b>' + thisseriesname + '</b><br/>' + Highcharts + '<br/>' + Highcharts; } legend: enabled: false exporting: enabled: false series: name: 'Random data' data: { // generate an array of random data var data = time = i; for i = -19; i <= 0; i += 1 data; return data; } ; return <ChartView style=height:300 config=conf></ChartView> ;}
Stuff used to make this:
- Highcharts for making the chart