native react 折线图_react-native集成超级强大的图表工具native-echarts

有什么问题可以进qq群讨论 131657381

闲话不多说，先到上动态图让大家看看。使用起来超级简单，完美适配ios和android

chart.gif

简单介绍一下：

1.苹果 橘子 这个可以根据legend这个属性来设置，可一个可多个。具体参考代码

2.可以是单独的一种图形，也可以是多种切换

3.图形的颜色可以根据color属性来改，具体请参考代码

下面介绍下使用方法：

1。 yarn add native-echarts

2。没有了。。。就是这么简单

09FB6703-EA4A-4440-86D0-FE8C619B3EF1.png

import React, { Component } from 'react';

import {

AppRegistry,

StyleSheet,

Text,

View,

Platform

} from 'react-native';

import Echarts from 'native-echarts';

import Dimensions from 'Dimensions';

const {width} = Dimensions.get('window');

export default class Chart extends Component {

c