[docs] Fix spelling (mui#13902)

Signed-off-by: Elias Rad <[email protected]>

docs/data/charts/axis/axis.md

@@ -125,7 +125,7 @@ This number is not the exact number of ticks displayed.
 Thanks to d3, ticks are placed to be human-readable.
 For example, ticks for time axes will be placed on special values (years, days, half-days, ...).
 
-If you set `tickNumber=5` but there are only 4 years to display in the axis, the component might chose to render ticks on the 4 years, instead of putting 5 ticks on some months.
+If you set `tickNumber=5` but there are only 4 years to display in the axis, the component might choose to render ticks on the 4 years, instead of putting 5 ticks on some months.
 :::
 
 As a helper, you can also provide `tickMinStep` and `tickMaxStep` which will compute `tickNumber` such that the step between two ticks respect those min/max values.

docs/data/charts/bars/bars.md

@@ -155,7 +155,7 @@ Their is a slight difference between the `event` of `onItemClick` and `onAxisCli
 
 ### Composition
 
-If you're using composition, you can get those click event as follow.
+If you're using composition, you can get those click event as follows.
 Notice that the `onAxisClick` will handle both bar and line series if you mix them.
 
 ```jsx

docs/data/charts/legend/legend.md

@@ -98,7 +98,7 @@ The labels and gradient bar alignment can be modified by the `align` prop.
 The piecewise Legend is quite similar to the series legend.
 It accepts the same props for [customization](#dimensions).
 
-The props `hideFirst` and `hideLast` allows to hide the two extreme pieces: values lower than the min threshold, and value hight than the max threshold.
+The props `hideFirst` and `hideLast` allows to hide the two extreme pieces: values lower than the min threshold, and value higher than the max threshold.
 
 To override labels generated by default, provide a `labelFormatter` prop.
 It takes the min/max of the piece and returns the label.