一、啥是echarts-for-react？

echarts-for-react是一款基于React框架的echarts图表库。它用了React的特性， 将echarts封装成组件，以geng加方便地在React应用中用echarts。用echarts-for-reactNeng通过轻巧松的配置实现各种图表效果。

二、 echarts-for-react的基本用

先说说我们需要在React项目中安装echarts-for-react：

npm install echarts-for-react

然后在用前需要引入echarts的JavaScript文件，在React组件中引用echarts-for-react：

import ReactEcharts from 'echarts-for-react';

在React组件中，用ReactEcharts组件来渲染echarts图表：

其中，option是echarts图表的配置项，Neng通过不同的配置实现不同的图表效果。比方说：

const option = {
  title: {
    text: '某站点用户访问来源',
    subtext: '纯属虚构',
    left: 'center'
  },
  tooltip: {
    trigger: 'item',
    formatter: '{a} 
{b}: {c} '
  },
  legend: {
    orient: 'vertical',
    left: '',
    data: 
  },
  series: ,
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: 
    }
  ]
}

四、echarts-for-react的动态数据geng新鲜

echarts-for-react支持通过设置ref来动态geng新鲜图表数据。

echarts-for-react支持echarts主题，Neng轻巧松地geng换主题。

echarts-for-react支持全部echarts常用的事件，比方说click、mouseover、legendselectchanged等，Neng通过定义响应函数来实现。

echarts-for-react是一款用方便的echarts图表库，基于React框架封装了echarts图表，给了丰有钱的配置选项和特性。用它Neng轻巧松地在React应用中实现各种图表效果。