echarts 鼠标悬停柱状图展示更多的数据

思路就是series中除了第一个对象之外其余的都是用来传递数据，然后在formatter中的回调函数中的params中就可以获取到，然后再return出来就可以实现啦

const option = {
        color: ['#3398DB'],
        tooltip: {
          trigger: 'axis',
          axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
          },
          formatter: function (params) {
            console.log('aaaa', params)
            return params[0].axisValue + '<br>' +
                   params[0].seriesName + '：' + params[0].data + '<br>' +
                   params[1].seriesName + '：' + params[1].data + '<br>' +
                   params[2].seriesName + '：' + params[2].data + '<br>' +
                   params[3].seriesName + '：' + params[3].data + '<br>' +
                   params[4].seriesName + '：' + params[4].data + '<br>'
          }
        },
        legend: {
          data: [this.$i18n.t('home.storeAmount')]
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            data: this.timeArray,
            axisTick: {
              alignWithLabel: true
            }
          }
        ],
        yAxis: [
          {
            type: 'value'
          }
        ],
        series: [
          {
            name: this.$i18n.t('home.storeAmount'),
            type: 'bar',
            barWidth: '60%',
            // data: [10, 52, 32, 17, 36, 28, 19, 34, 24]
            data: this.dataArray
          },
          {
            name: '支付客户数',
            type: 'line',
            symbolSize: 0, // symbol的大小设置为0
            showSymbol: false, // 不显示symbol
            lineStyle: {
              width: 0, // 线宽是0
              color: 'rgba(0, 0, 0, 0)' // 线的颜色是透明的
            },
            data: [10, 52, 32, 17, 36, 28, 19, 34, 24]
          },
          {
            name: '支付订单数',
            type: 'line',
            symbolSize: 0, // symbol的大小设置为0
            showSymbol: false, // 不显示symbol
            lineStyle: {
              width: 0, // 线宽是0
              color: 'rgba(0, 0, 0, 0)' // 线的颜色是透明的
            },
            data: [10, 52, 32, 17, 36, 28, 19, 34, 24]
          },
          {
            name: '成功退款金额',
            type: 'line',
            symbolSize: 0, // symbol的大小设置为0
            showSymbol: false, // 不显示symbol
            lineStyle: {
              width: 0, // 线宽是0
              color: 'rgba(0, 0, 0, 0)' // 线的颜色是透明的
            },
            data: [10, 52, 32, 17, 36, 28, 19, 34, 24]
          },
          {
            name: '客单价',
            type: 'line',
            symbolSize: 0, // symbol的大小设置为0
            showSymbol: false, // 不显示symbol
            lineStyle: {
              width: 0, // 线宽是0
              color: 'rgba(0, 0, 0, 0)' // 线的颜色是透明的
            },
            data: [10, 52, 32, 17, 36, 28, 19, 34, 24]
          }

        ]
      }