横向柱状图滚动轮播，折线图

好久没发了，每次都有问题想着发，每次都没发，太懒了，记录一下吧，主要还是方便自己。

横向柱状图轮播滚动展示---

主要内容是这一块

   initChart(datas) {
      let data = datas.xdatas;
      let chart = echarts.init(this.$refs.charts);
      let option = {
        grid: {
          top: "0%",
          left: "20%",
          right: "15%",
          bottom: "15%",
        },
        // 区域缩放
        dataZoom: [
          {
            // 第一个 dataZoom 组件
            type: "inside",
            yAxisIndex: 0, // 表示这个 dataZoom 组件控制 第一个 xAxis
            startValue: 0, // 数据窗口范围的起始数值index
            endValue: 5, // 数据窗口范围的结束数值index
          },
        ],
        xAxis: {
          type: "value",
          splitLine: {
            // 去除背景网格线
            show: false,
          },