Change spacing between y-axis and chart

[susiekims]

Feature request summary

In the dashboard metric cards, we want to change the spacing between the y-axis labels the chart:

Not sure if it's worth adding a theme config (maybe yAxis.marginRight), or just hardcoding the value to be a bit smaller.

Rationale

---

🌟 Feature requests that are not yet planned will be closed. We then use the issue’s 👍 upvotes to track and set priorities. See the contribution guidelines for more information.

[sergiu920]

I have also tried to apply some options like stepSize and stepRatio but they are ignored. No reaction.

const yAxisOptions = {
title: 'Percentage',
min: Math.min(...data.map(d => d.value)),
max: Math.max(...data.map(d => d.value)),
stepSize: 10,
stepRatio: 0.1,
format: (value) => `${value}%`,
};

<LineChart data={data} showLegend theme="Light" yAxisOptions={yAxisOptions} />