echarts点击x轴坐标查看子级图表

需求：echarts柱状图通过增加文件夹，将x轴的用户进行分类。当文件夹创建好，用户分类到文件夹下。
此时x轴的数据有两种状态，一种是未被分类的纯用户，一种是已在文件下的用户。点击文件夹可以查看文件下的用户

思路：获取option数据，重新赋值series和x轴的数据，重新设置option
1、再次调获取echarts数据的接口传父id，

dealxdata(id, flag = false) {
      totalAnaysis({ fInParentId: id }).then(res => {
        // console.log(res, '二次请求数据')
        let newXdata = [],
          newYdata = []
        res.data.user.forEach(item => {
          newXdata.push(item.name)
          newYdata.push(item.count)
        })
        this.dealEcharts(newXdata, newYdata, xFontcolor)
      })
    },
    // 处理新柱状图数据，this.echart是我给echarts起的名
    dealEcharts(newXdata = [], newYdata = [], xFontcolor = []) {
      let optionData = this.echart.getOption()
      if (newXdata.length) {
        optionData.xAxis[0].data = newXdata
        optionData.series[0].data = newYdata
        this.echart.setOption(optionData, true)
      }
    },

2、在x轴的点击时间中调用dealxdata方法

 this.echart.off('click')
      this.echart.on('click', function(params) {
        if (params.componentType === 'series') return
        that.dealxdata(id, true)
      })