vue中使用echarts（折线图的demo，markline的使用）

公司最近在用vue开发项目，项目接近尾声了，趁休息时间写点demo——

vue引入echarts（折线图的demo）

主要是解决引入echarts，markline的使用（基准线）
这是demo的效果图：
vue脚手架不多赘述

1.安装依赖

  cnpm install echarts -S

2.在main.js中引入echarts

   import echarts from 'echarts'

3.在main.js中安装

 Vue.prototype.echarts = echarts; 

一般来说能正常挂载上组件，就可以在页面中正常使用了
废话不多说上代码（因为自己也是小白阶段所以写的注释多了点，以便以后使用）

1.HTML部分

2.js部分

3.css部分

好了结束，本人目前还是前端的小白，如有错误欢迎指正，以后会不定期更新哟！