峰谷图配置（面积图， 基于echarts）

    峰谷图或面积图也是数据可视化图表的一种常见类型。这个配置比较简单，下面就以一个销量峰谷图为例直接放效果图和代码了。下面是最终实现的效果动态图，提示框会跟随鼠标移动而确定位置：

 

    为了有更好的适用性，这里把绘制峰谷图的操作都封装到了一个函数里面。以Vue项目为例，要完成这个峰谷图的配置所需步骤如下：

1：npm下载echarts模块。

2：在main.js文件中引入峰谷图相关的模块，并把echart主模块绑定到vue原型对象上，以便后续调用，代码如下：

// 引入 ECharts 主模块
let echarts = require('echarts/lib/echarts')
// 引入图表
require('echarts/lib/chart/line');
require('echarts/lib/component/tooltip')
require('echarts/lib/component/title')

Vue.prototype.$chart = echarts

 3. 编写时间点数据生成函数和峰谷图的配置函数，具体代码如下： 

        // 时间点数据生成函数
        initTime () {