[docs] Fix some typos in charts docs

[cratiu222]

Hello
I found some minor typos issues in your docs.
Br, Christina.

[mui-bot]

Deploy preview: https://deploy-preview-13906--material-ui-x.netlify.app/

Updated pages:

• docs/data/charts/axis/axis.md
• docs/data/charts/bars/bars.md
• docs/data/charts/components/components.md

Generated by 🚫 dangerJS against a38b1b7

[oliviertassinari]

I'm confused by the API. Why do we map yAxis.id with yAxisKey:

<LineChart
  xAxis={[{ data: sample }]}
  yAxis={[
    { id: 'linearAxis', scaleType: 'linear' },
    { id: 'logAxis', scaleType: 'log' },
  ]}
  series={[
    { yAxisKey: 'linearAxis', data: sample, label: 'linear' },
    { yAxisKey: 'logAxis', data: sample, label: 'log' },
  ]}
  leftAxis="linearAxis"
  rightAxis="logAxis"
  height={400}
/>

https://deploy-preview-13906--material-ui-x.netlify.app/x/react-charts/axis/#defining-axis

Why not:

<LineChart
  xAxis={[{ data: sample }]}
  yAxis={[
    { id: 'linearAxis', scaleType: 'linear' },
    { id: 'logAxis', scaleType: 'log' },
  ]}
  series={[
    { yAxisId: 'linearAxis', data: sample, label: 'linear' },
    { yAxisId: 'logAxis', data: sample, label: 'log' },
  ]}
  leftAxisId="linearAxis"
  rightAxisId="logAxis"
  height={400}
/>

or

<LineChart
  xAxis={[{ data: sample }]}
  yAxis={[
    { id: 'linearAxis', scaleType: 'linear' },
    { id: 'logAxis', scaleType: 'log' },
  ]}
  series={[
    { yAxis: 'linearAxis', data: sample, label: 'linear' },
    { yAxis: 'logAxis', data: sample, label: 'log' },
  ]}
  leftAxis="linearAxis"
  rightAxis="logAxis"
  height={400}
/>

[github-actions]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

Request was fulfilled, dismissing so I can merge this.