docs: Fix typos (#10809)

* Spell "corresponding" correctly

* Spell "circle" correctly

* Spell "configuration" correctly

Author: rvrvrv

docs/configuration/legend.md

@@ -67,7 +67,7 @@ Namespace: `options.plugins.legend.labels`
 | `textAlign` | `string` | `'center'` | Horizontal alignment of the label text. Options are: `'left'`, `'right'` or `'center'`.
 | `usePointStyle` | `boolean` | `false` | Label style will match corresponding point style (size is based on pointStyleWidth or the minimum value between boxWidth and font.size).
 | `pointStyleWidth` | `number` | `null` | If `usePointStyle` is true, the width of the point style used for the legend.
-| `useBorderRadius` | `boolean` | `false` | Label borderRadius will match coresponding borderRadius.
+| `useBorderRadius` | `boolean` | `false` | Label borderRadius will match corresponding borderRadius.
 | `borderRadius` | `number` | `undefined` | Override the borderRadius to use.
 
 ## Legend Title Configuration

docs/samples/line/point-styling.md

@@ -7,7 +7,7 @@ const actions = [
     name: 'pointStyle: circle (default)',
     handler: (chart) => {
       chart.data.datasets.forEach(dataset => {
-        dataset.pointStyle = 'cirlce';
+        dataset.pointStyle = 'circle';
       });
       chart.update();
     }

docs/samples/scale-options/grid.md

@@ -42,7 +42,7 @@ const data = {
 
 // <block:config:0>
 // Change these settings to change the display for different parts of the X axis
-// grid configuiration
+// grid configuration
 const DISPLAY = true;
 const BORDER = true;
 const CHART_AREA = true;