[HELP NEEDED] "Error: yAxis "0" not found" console error for mixed line and Bar graph.

[Harrish-Selvarajah]

I'm getting this console error when I try to add the third axis and give yaxis index to the line graph data.

`widgetData: [
            {
              name: 'AssignmentHours.Hours',
              type: 'bar',
              data: getChartData(
                [20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240],
                'serviceSpentBudget',
                ColorPalette.HoursSpent
              ),
              yAxisIndex: 0,
            },
            {
              data: getChartData(
                [20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240],
                'serviceHours',
                ColorPalette.HourBudgeted
              ),
              name: 'AssignmentHours.HoursBudget',
              type: 'bar',
              yAxisIndex: 0,
            },
            // TODO: Replace fake values with BE api values when available.
            {
              name: 'AssignmentDashboard.AccumulatedSpent',
              type: 'line',
              data: [20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240],
              color: '#0C373C',
              yAxisIndex: 1,
            },
            {
              name: 'AssignmentDashboard.AccumulatedBudget',
              type: 'line',
              data: [20, 30, 50, 70, 85, 105, 130, 150, 180, 220, 240, 260],
              color: '#20909E',
              yAxisIndex: 1,
            },
          ],`

`  private setXAxis() {
    this.chartInstance.setOption({
      xAxis: {
        type: 'category',
        data: this.dataLabels?.map((label: string) => {
          return this.translateService.instant(label);
        }),
        axisLine: {
          lineStyle: {
            type: this.widget.axisLineStyle,
          },
        },
        axisTick: {
          show: this.widget.axisTick,
        },
        axisLabel: {
          color: !this.hasData ? palettes.primary[200] : '',
        },
        show: this.hasData,
      },
      yAxis: [
        {
          splitLine: {
            lineStyle: {
              type: this.widget.splitLineStyle,
            },
          },
          axisLabel: {
            show: this.hasData,
          },
        },
        {
          name: 'S',
          splitLine: {
            lineStyle: {
              type: this.widget.splitLineStyle,
            },
          },
          axisLabel: {
            show: this.hasData,
          },
          min: 0,
          max: 25,
          // interval: 5,
        },
      ],
    });
  }`

Anyone has an idea on this ?

[masum-mollik-rocketml]

@Harrish-Selvarajah Did you find any solution?