react-echarts

2018-11-12  本文已影响0人  勤劳的小仓鼠

在有些后台项目中我们常常会用到一些图表,用echarts、hcharts都能实现本章我们主要介绍前者,本着拎包入住的原则,我们废话不多说,开搞

1.项目中引入echarts依赖

    a. npm install --save echarts

2.打开echarts的官网开始copy

    a.贴上网址:http://echarts.baidu.com/index.html

3.找到自己想要的图表

    a.我框起来的代码直接copy

4.在react中实现

    a.在JS的头部直接引入

    b.import ECharts from 'react-echarts';         //引入react-echarts包,实现echarts实现

    c.插入控件

    d.<ECharts option={Option} />

    e.Option是我们从官网上copy的json对象

5.实现效果


项目源码地址请参考我的第一篇文章:

《什么是react》

上一篇下一篇

猜你喜欢

热点阅读