$ npm install native-echarts --save
The Usage is complete consistent with Echarts
component props:
- option (object): The option for echarts: Documentation。
- width (number): The width of the chart. The default value is the outer container width.
- height (number): The height of the chart. The default value is 400.
importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View}from'react-native';importEchartsfrom'native-echarts';exportdefaultclassappextendsComponent{render(){constoption={title: {text: 'ECharts demo'},tooltip: {},legend: {data:['销量']},xAxis: {data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]},yAxis: {},series: [{name: '销量',type: 'bar',data: [5,20,36,10,10,20]}]};return(<Echartsoption={option}height={300}/>);}}AppRegistry.registerComponent('app',()=>app);##Example
run demo
cd example npm install npm start Open the xcode project in the ios directory and click run
screenshots:
Open the Android project in the android directory with Android Studio and click run.
screenshots:
native-echarts is released under the MIT license.

