在这里我只是记录一下特别方式使用echarts，并且实现自适应效果

1、安装

cnpm i echarts --save

 2、在main.js中引用

import echarts from 'echarts'      //这里我是全部引用的，需要按需引入的同学可以自行百度

Vue.prototype.$echarts = echarts    //这里挂在原型上，方便全局使用

 3、创建容纳echarts的盒子

在这里我要说明一下，我是把折线图放在展开内容内，最开始初始化页面的时候并没有这个echarts折线图，只有点开一行，内容展开，才会显示这个折线图。我的思路是：先在data里面声明数据，如下图，但是有些数据是为空的，需要从后台拿数据进行赋值

然后我在methods内声明一个函数，如下图：

此时我并没有调用这个函数，而是先放着。

等用户点击那一行数据，就展开相应的详情，详情里面才包括这个折线图，而用户点击这一行数据的时候会触发一个函数，随后去请求后台数据，请求成功，才对myChart内的空数据进行赋值

这样就实现了从后台拿数据填充折线图数据并且自适应的效果了。。。。。。

更为详细方法参考：https://blog.csdn.net/LLDD2014425/article/details/86231174