Assign yAxisID to datapoint

### Feature Proposal

I have following dataset:
```
[
{data: [100, 50, 0.5], backgroundColor:'#506f86', borderColor: '#506f86', hoverBackgroundColor:'#384e5e', hoverBorderColor: '#384e5e', label: 'Service'},
{data: [80, 20, 0.25], backgroundColor:'#9ec5fe', borderColor: '#9ec5fe', hoverBackgroundColor:'#6ea8fe', hoverBorderColor: '#6ea8fe', label: 'Maintenance'},
{data: [60, 20, 0.33], backgroundColor:'#ffc107', borderColor: '#ffc107', hoverBackgroundColor:'#cc9a06', hoverBorderColor: '#cc9a06', label: 'Monitoring'}
]
```

Here, datapoints are as follows:

```
data[0] - Sales
data[1] - Gross Profit $
data[2] - Gross Profit %
```

I have following scales defined:
```
scales: {
dollar: {
type: 'linear',
position: 'left',
ticks: {
callback: (label, index, labels) => {
return `$ ${label}`;
}
}
},
percent: {
type: 'linear',
position: 'right',
grid: {
display: false,
},
ticks: {
color: '#de703c',
callback: function(value, index, values) {
return (value + '%');
}
}
},
xAxis: {
type: 'category',
axis: 'x',
labels: ['Sales', 'Gross Profit $', 'Gross Profit %'],
},
},
```

This is what the chart looks like:


I would like the third datapoint "Gross Profit %" in the dataset to be mapped to yAxisID "percent"

### Possible Implementation

_No response_