# react-echarts

**Repository Path**: XiaoHu12685/react-echarts

## Basic Information

- **Project Name**: react-echarts
- **Description**: 语言react
在echarts的基础上封装
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 引入组件
# import Echarts from 'components/echarts';
<Echarts 
    chartType = {...} 绘画类型
    style = {{...}} 自定义style
    option = {{...}} 自定义配置，具体配置看echarts文档
    data = {} 数据驱动
    xAxis = {} 时间轴
/>

# 四种传入方式
1. 直接绘画，传入x轴、数值直接完成
<Echarts chartType="line" data={[]} xAxis={[]}/>

2. 多条绘画，在原有基础上
<Echarts chartType="line" data={[{name:'第一条',data:[]},{name:'第二条',data:[]}]} xAxis={[]}/>

3. 在默认基础上更改
<Echarts chartType="line" option={...}/>

4. 不依赖任何，自定义
<Echarts option={...}/>


# 类型 chartType
# chartType = 'xx-xx-xx'
{
    line:{
        line: 默认-折线图,
        area:面积图,
        stacked:堆叠
    },
    bar:{
        bar: 默认-柱状图,
        stacked:堆叠,
        transverse: 条形图
    },
    pie:{
        pie: 默认-饼图,
    },
    scatter:{
        scatter: 默认-点图,
    },
    radar:{
        radar: 默认-雷达图
    }
}