折线图悬浮背景渐变

如图：

image.png

1.echarts npm

npm install echarts --save

2.main.js引入 echarts

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

3.页面代码：

因为项目需求不同，样式也是千变万化，写的多了些。且项目中是多个折线图，故我把动态添加的数据都提出来了写。
悬浮本还有个小白框显示具体信息，但是我在这里不需要，所以为了隐藏这个框也是费了好大的功夫。
看的人各取所需把。