Echart
echart
ECharts ，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器。Echart 提供了丰富功能的图表，对于展示数据是不错的选择，并且结合 vue 的组件化，提高echart的复用性。
LOOK 下图：
数据统计图1.1
页面有多个统计表，按照之前的写法，就是在methods里面写三个方法，放图：
图表代码1.1
其中有很多复用的代码，所以我们把图表部分封装成一个子组件，在每个需要图表的父组件中调用子组件
如下图：
数据统计图1.2
下面我们来看一下代码是如何实现的：
第一步我们要在main.js中把echart引入:
图表代码1.2
第二步我们来编写父组件的代码:
父组件代码1.1
这是父组件的html
父组件代码1.2
引入子组件，在父组件中编写option项的相关数据
父组件代码1.3
编写refresh函数，实现动态更新数据视图
现在我们已经把图表的配置项放到父组件里，最后通过父组件给子组件传值生成图表。
第三步我们来看一下子组件的代码：
子组件代码1.1
这是子组件的html
子组件代码1.2
涉及到vue父子组件传值、深度监听有不明白的可以去Vue.js官网进行学习，大家有更好的方法或者问题也欢迎在下面留言，互相学习，共同进步，蟹蟹~~~
网友评论