Месяц и год по оси X - BarGraph

Question

У меня есть график, куда я загружаю, у меня есть значения x месяцев, однако у меня будет вариант, в котором он будет отображать все данные. Он разделен по месяцам и отфильтрован по году, но будет иметь возможность выбрать все, где он должен отображаться таким образом.

июль 2020 г., август 2020 г., сентябрь 2020 г., октябрь 2020 г., ноябрь 2020 г., декабрь c 2020, январь 2020

this.options = {
  title: {
    text: this.translate.instant(`title.${this.title}`),
  },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    left: 'center',
    top: 'bottom',
    data: [this.translate.instant('fields.expected'), this.translate.instant('fields.realized')]
  },
  toolbox: {
    show: true,
    feature: {
      magicType: {
        show: true, type: ['line', 'bar'], title: {
          line: this.translate.instant('button.line'),
          bar: this.translate.instant('button.bar'),
        },
      },
      restore: { show: true, title: this.translate.instant('button.restore-default') },
      saveAsImage: { show: true, title: this.translate.instant('button.export'), },
    }
  },
  calculable: true,
  xAxis: [
    {
      data: data.months,
      type: 'category',
    
    }
  ],
  yAxis: [
    {
      type: 'value'
    }
  ],
  series: [
    {
      name: this.translate.instant('fields.expected'),
      type: 'bar',
      data: data.expected,
      color: this.colorExpected
      /*   color: 'rgb(255, 199, 180)' */

    },
    {
      name: this.translate.instant('fields.realized'),
      type: 'bar',
      data: data.realized,
      color: this.colorRealized
      /* color: 'rgb(255, 102, 51)' */
    },
  ],
};

Как должна появиться эта форма с указанием месяца и года, как она существует?