DataLabels show wrong value

[gold-development]

Description

Starting from Version 3.51.0 and higher The chart is showing the wrong info in the datalabels. It's showing the value of the first series for the 2nd series. Downgrading the version to 3.50.0 fixes the issue.

Steps to Reproduce

1. Create two series, one line and one column

series: [{
    name: 'Target',
    data: Array(12).fill(0),
    type: 'line',
  }, {
    name: 'Data',
    data: Array(12).fill(0),
    type: 'column',
  }],

2. fill with data for 12 values

const startValue = 70;
const growthPercentage = .10;
// F = A * ((1 + B) ^ C)
for (let i = 0; i < 12; ++i) {
  options.series[0].data[i] = startValue * Math.pow(1 + growthPercentage, i);
}
options.series[1].data[0] = 50;

4. show datalabels

dataLabels: {
    enabled: true,
    textAnchor: 'middle',
    formatter: (val) => {
      return val.toFixed(0);
    },
  },

Expected Behavior

Datalabel for series[0] show 70
Datalabel for series[1] shows 50

Actual Behavior

Datalabel for series[0] show 70
Datalabel for series[1] shows 70

Screenshots

Reproduction Link

https://codepen.io/jeffreygoudzwaard/pen/zYVRZqR

[gold-development]

After some debugging I found out that the "val" passed into the datalabels formatter function is wrong. Using the opts.w.config.series with the seriesIndex and dataPointIndex gives back the right value.

dataLabels: {
    enabled: true,
    textAnchor: 'middle',
    formatter: (val, opts) => {
      return opts.w.config.series[opts.seriesIndex].data[opts.dataPointIndex].toFixed(0);
    },
  },