native react 折线图_react-native-echarts

安装

yarn add react-native-echarts (或 npm install native-echarts --save)

安装完成后在node_modules文件夹下会多出一个文件夹叫native-echarts。

目录结构如下图所示：

image

基础使用

native-echarts的使用方法基本和网页端的Echarts使用方法一致。组件主要有三个属性：

option (object)：图表的相关配置和数据。详见文档：ECharts Documentation

width (number)：图表的宽度，默认值是外部容器的宽度。

height (number) ：图表的高度，默认值是400。

示例代码

import React, { Component } from 'react';

import {

AppRegistry,

StyleSheet,

Text,

View

} from 'react-native';

import Echarts from 'native-echarts';

export default class app extends Component {

render() {

const option = {

title: {

text: 'ECharts demo'

},</