https://github.com/liekkas/re-echarts

:car: react echarts
https://github.com/liekkas/re-echarts

echarts react

Last synced: about 1 month ago
JSON representation

:car: react echarts

• Host: GitHub
• URL: https://github.com/liekkas/re-echarts
• Owner: liekkas
• License: mit
• Created: 2016-04-04T14:32:48.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-30T07:24:23.000Z (almost 7 years ago)
• Last Synced: 2024-07-27T22:06:24.638Z (5 months ago)
• Topics: echarts, react
• Language: JavaScript
• Homepage: http://liekkas.github.io/re-echarts/
• Size: 386 KB
• Stars: 37
• Watchers: 5
• Forks: 12
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-echarts - re-echarts

README

        
react + echarts

[在线DEMO](http://liekkas.github.io/re-echarts)

### 安装使用

>* npm install re-echarts --save

```

  import ECharts from 're-echarts'

  ...

  render() {

      const { mapOption, dayOption, nightOption, mapConfig, dayConfig, nightConfig } = this.state

      return (

        


          

          


            

            

          

        

      )

    }

```

详情见[示例代码](https://github.com/liekkas/re-echarts/blob/master/example/App.js)

*注意如果没有安装react/echarts需要一并安装 npm i react echarts --save*


### 开始

>* git clone https://github.com/liekkas/re-echarts.git

>* npm i

>* npm run dev

>* open http://localhost:3000

### 特性

>* 支持ECharts4.*

>* 支持事件联动

>* 支持动态换肤

>* 支持动态缩放

### Props

```

 * option: 图表的配置项和数据

 * notMerge: 可选，是否不跟之前设置的option进行合并，默认为false，即合并

 * lazyUpdate: 可选，在设置完option后是否不立即刷新画布，默认为false，即立即刷新

 * style: 图表容器的样式,默认高宽100%

 * className

 * config: 设置

 *    theme: 主题

 *    event: 事件

 *    showLoading: 是否呈现加载效果

 *    loadingOption: 加载效果设置

 * id: 图表id,可选

```