在vue中封装echarts折线图组件

 先来张图

要实现在父组件引用子组件图表，父组件需要传递给图表组件几个数据，

id: 图表实例化需要一个唯一的id；

time： x轴的显示数据，参数名可以自己定义；

opData： 用来配置series的系列列表，参数可以自己定义；

unit： y轴单位显示，参数可以自己定义；

title： 图表系列标记，参数可以自己定义；

父组件：

然后封装的子组件如下：

需要注意的是父组件挂载的时候，如果数据是通过调用接口获取的数据，第一次传递过来数值是空的，子组件拿取空数值挂载，那么父组件回调后获取的数据再传递给子组件，不会重绘图表，所以需要watch来监听数值的变化。

 以上！ 有错误欢迎指出。