diff --git a/docs/charts/doughnut.md b/docs/charts/doughnut.md index d6a91912ffe..c1927b1db6a 100644 --- a/docs/charts/doughnut.md +++ b/docs/charts/doughnut.md @@ -111,7 +111,7 @@ The doughnut/pie chart allows a number of properties to be specified for each da | [`circumference`](#general) | `number` | - | - | `undefined` | [`clip`](#general) | `number`\|`object` | - | - | `undefined` | [`data`](#data-structure) | `number[]` | - | - | **required** -| [`hoverBackgroundColor`](#interations) | [`Color`](../general/colors.md) | Yes | Yes | `undefined` +| [`hoverBackgroundColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined` | [`hoverBorderColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined` | [`hoverBorderJoinStyle`](#interactions) | `'round'`\|`'bevel'`\|`'miter'` | Yes | Yes | `undefined` | [`hoverBorderWidth`](#interactions) | `number` | Yes | Yes | `undefined` diff --git a/docs/charts/polar.md b/docs/charts/polar.md index 9ec9bb27ea2..6c27700a4d2 100644 --- a/docs/charts/polar.md +++ b/docs/charts/polar.md @@ -62,7 +62,7 @@ The following options can be included in a polar area chart dataset to configure | [`borderWidth`](#styling) | `number` | Yes | Yes | `2` | [`clip`](#general) | `number`\|`object` | - | - | `undefined` | [`data`](#data-structure) | `number[]` | - | - | **required** -| [`hoverBackgroundColor`](#interations) | [`Color`](../general/colors.md) | Yes | Yes | `undefined` +| [`hoverBackgroundColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined` | [`hoverBorderColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined` | [`hoverBorderJoinStyle`](#interactions) | `'round'`\|`'bevel'`\|`'miter'` | Yes | Yes | `undefined` | [`hoverBorderWidth`](#interactions) | `number` | Yes | Yes | `undefined` diff --git a/docs/configuration/animations.md b/docs/configuration/animations.md index 21b5994bf16..0aaf7798dce 100644 --- a/docs/configuration/animations.md +++ b/docs/configuration/animations.md @@ -123,7 +123,7 @@ These keys can be configured in following paths: * `datasets[type]` - dataset type options * `overrides[type]` - chart type options -These paths are valid under `defaults` for global confuguration and `options` for instance configuration. +These paths are valid under `defaults` for global configuration and `options` for instance configuration. ## animation @@ -183,7 +183,7 @@ Namespace: `options.transitions[mode]` | `'active'` | animation.duration | 400 | Override default duration to 400ms for hover animations | `'resize'` | animation.duration | 0 | Override default duration to 0ms (= no animation) for resize | `'show'` | animations.colors | `{ type: 'color', properties: ['borderColor', 'backgroundColor'], from: 'transparent' }` | Colors are faded in from transparent when dataset is shown using legend / [api](../developers/api.md#showdatasetIndex). -| `'show'` | animations.visible | `{ type: 'boolean', duration: 0 }` | Dataset visiblity is immediately changed to true so the color transition from transparent is visible. +| `'show'` | animations.visible | `{ type: 'boolean', duration: 0 }` | Dataset visibility is immediately changed to true so the color transition from transparent is visible. | `'hide'` | animations.colors | `{ type: 'color', properties: ['borderColor', 'backgroundColor'], to: 'transparent' }` | Colors are faded to transparent when dataset id hidden using legend / [api](../developers/api.md#hidedatasetIndex). | `'hide'` | animations.visible | `{ type: 'boolean', easing: 'easeInExpo' }` | Visibility is changed to false at a very late phase of animation diff --git a/docs/configuration/subtitle.md b/docs/configuration/subtitle.md index e50f08f022c..c3822af31ab 100644 --- a/docs/configuration/subtitle.md +++ b/docs/configuration/subtitle.md @@ -6,7 +6,7 @@ Subtitle is a second title placed under the main title, by default. It has exact Namespace: `options.plugins.subtitle`. The global defaults for subtitle are configured in `Chart.defaults.plugins.subtitle`. -Excactly the same configuration options with [title](./title.md) are available for subtitle, the namespaces only differ. +Exactly the same configuration options with [title](./title.md) are available for subtitle, the namespaces only differ. ## Example Usage diff --git a/docs/getting-started/v3-migration.md b/docs/getting-started/v3-migration.md index 7e4ba2ad0e0..129ee08c0e2 100644 --- a/docs/getting-started/v3-migration.md +++ b/docs/getting-started/v3-migration.md @@ -75,7 +75,7 @@ A number of changes were made to the configuration options passed to the `Chart` * Polar area `startAngle` option is now consistent with `Radar`, 0 is at top and value is in degrees. Default is changed from `-½π` to `0`. * Doughnut `rotation` option is now in degrees and 0 is at top. Default is changed from `-½π` to `0`. * Doughnut `circumference` option is now in degrees. Default is changed from `2π` to `360`. -* Doughnut `cutoutPercentage` was renamed to `cutout`and accepts pixels as numer and percent as string ending with `%`. +* Doughnut `cutoutPercentage` was renamed to `cutout`and accepts pixels as number and percent as string ending with `%`. * `scale` option was removed in favor of `options.scales.r` (or any other scale id, with `axis: 'r'`) * `scales.[x/y]Axes` arrays were removed. Scales are now configured directly to `options.scales` object with the object key being the scale Id. * `scales.[x/y]Axes.barPercentage` was moved to dataset option `barPercentage` diff --git a/docs/samples/information.md b/docs/samples/information.md index 4f1d676e0de..49634066fac 100644 --- a/docs/samples/information.md +++ b/docs/samples/information.md @@ -2,10 +2,10 @@ ## Out of the box working samples These samples are made for demonstration purposes only. They won't work out of the box if you copy paste them into your own website. This is because of how the docs are getting built. Some boilerplate code gets hidden. -For a sample that can be copyed and pasted and used directly you can check the [usage page](../getting-started/usage.md). +For a sample that can be copied and pasted and used directly you can check the [usage page](../getting-started/usage.md). ## Autogenerated data The data used in the samples is autogenerated using custom functions. These functions do not ship with the library, for more information about this you can check the [utils page](./utils.md). ## Actions block -The samples have an `actions` code block. These actions are not part of chart.js. They are internally transformed to seperate buttons together with onClick listeners by a plugin we use in the documentation. To implement such actions yourself you can make some buttons and add onClick event listeners to them. Then in these event listeners you can call your variable in which you made the chart and do the logic that the button is supposed to do. +The samples have an `actions` code block. These actions are not part of chart.js. They are internally transformed to separate buttons together with onClick listeners by a plugin we use in the documentation. To implement such actions yourself you can make some buttons and add onClick event listeners to them. Then in these event listeners you can call your variable in which you made the chart and do the logic that the button is supposed to do. diff --git a/src/helpers/helpers.config.js b/src/helpers/helpers.config.js index ef86bfaa5b7..e6b30b73226 100644 --- a/src/helpers/helpers.config.js +++ b/src/helpers/helpers.config.js @@ -203,7 +203,7 @@ function _resolveWithContext(target, prop, receiver) { value = _resolveArray(prop, value, target, descriptors.isIndexable); } if (needsSubResolver(prop, value)) { - // if the resolved value is an object, crate a sub resolver for it + // if the resolved value is an object, create a sub resolver for it value = _attachContext(value, _context, _subProxy && _subProxy[prop], descriptors); } return value; diff --git a/src/helpers/helpers.extras.js b/src/helpers/helpers.extras.js index fd7608b9cc5..2b73328f9ac 100644 --- a/src/helpers/helpers.extras.js +++ b/src/helpers/helpers.extras.js @@ -17,7 +17,7 @@ export const requestAnimFrame = (function() { /** * Throttles calling `fn` once per animation frame - * Latest argments are used on the actual call + * Latest arguments are used on the actual call * @param {function} fn * @param {*} thisArg * @param {function} [updateFn] diff --git a/src/plugins/plugin.tooltip.js b/src/plugins/plugin.tooltip.js index 76db6bef5fa..7706a2980da 100644 --- a/src/plugins/plugin.tooltip.js +++ b/src/plugins/plugin.tooltip.js @@ -1013,7 +1013,7 @@ export class Tooltip extends Element { * Handle an event * @param {ChartEvent} e - The event to handle * @param {boolean} [replay] - This is a replayed event (from update) - * @param {boolean} [inChartArea] - The event is indide chartArea + * @param {boolean} [inChartArea] - The event is inside chartArea * @returns {boolean} true if the tooltip changed */ handleEvent(e, replay, inChartArea = true) { @@ -1054,11 +1054,11 @@ export class Tooltip extends Element { /** * Helper for determining the active elements for event * @param {ChartEvent} e - The event to handle - * @param {Element[]} lastActive - Previously active elements + * @param {Element[]} lastActive - Previously active elements * @param {boolean} [replay] - This is a replayed event (from update) - * @param {boolean} [inChartArea] - The event is indide chartArea + * @param {boolean} [inChartArea] - The event is inside chartArea * @returns {Element[]} - Active elements - * @private + * @private */ _getActiveElements(e, lastActive, replay, inChartArea) { const options = this.options; diff --git a/test/specs/controller.line.tests.js b/test/specs/controller.line.tests.js index 684b1919bb2..222726fa30a 100644 --- a/test/specs/controller.line.tests.js +++ b/test/specs/controller.line.tests.js @@ -603,7 +603,7 @@ describe('Chart.controllers.line', function() { expect(options.cubicInterpolationMode).toBe('monotone'); }); - it('should be overriden by user-supplied values', function() { + it('should be overridden by user-supplied values', function() { Chart.helpers.merge(Chart.defaults.datasets.line, { spanGaps: true, tension: 0.231 diff --git a/test/specs/core.animations.tests.js b/test/specs/core.animations.tests.js index 6b1d26fd1a7..6fddb20445f 100644 --- a/test/specs/core.animations.tests.js +++ b/test/specs/core.animations.tests.js @@ -44,7 +44,7 @@ describe('Chart.animations', function() { })).toBeUndefined(); }); - it('should assing options directly, if target does not have previous options', function() { + it('should assign options directly, if target does not have previous options', function() { const chart = {}; const anims = new Chart.Animations(chart, {option: {duration: 200}}); const target = {}; diff --git a/test/specs/core.controller.tests.js b/test/specs/core.controller.tests.js index 6c4af91b7c8..a4adae97094 100644 --- a/test/specs/core.controller.tests.js +++ b/test/specs/core.controller.tests.js @@ -252,7 +252,7 @@ describe('Chart', function() { expect(chart.options.hover).toBeFalse(); }); - it('when options.interation=false and options.hover is not defined', function() { + it('when options.interaction=false and options.hover is not defined', function() { var chart = acquireChart({ type: 'line', options: { @@ -262,7 +262,7 @@ describe('Chart', function() { expect(chart.options.hover).toBeFalse(); }); - it('when options.interation=false and options.hover is defined', function() { + it('when options.interaction=false and options.hover is defined', function() { var chart = acquireChart({ type: 'line', options: { diff --git a/test/specs/helpers.interpolation.tests.js b/test/specs/helpers.interpolation.tests.js index 5d436deae32..55f72805690 100644 --- a/test/specs/helpers.interpolation.tests.js +++ b/test/specs/helpers.interpolation.tests.js @@ -7,7 +7,7 @@ describe('helpers.interpolation', function() { expect(_pointInLine({x: 10, y: 10}, {x: 20, y: 20}, 1)).toEqual({x: 20, y: 20}); }); - it('Should intepolate a point in stepped line', function() { + it('Should interpolate a point in stepped line', function() { expect(_steppedInterpolation({x: 10, y: 10}, {x: 20, y: 20}, 0, 'before')).toEqual({x: 10, y: 10}); expect(_steppedInterpolation({x: 10, y: 10}, {x: 20, y: 20}, 0.4, 'before')).toEqual({x: 14, y: 20}); expect(_steppedInterpolation({x: 10, y: 10}, {x: 20, y: 20}, 0.5, 'before')).toEqual({x: 15, y: 20}); diff --git a/test/specs/scale.time.tests.js b/test/specs/scale.time.tests.js index 6e673157fc2..4daa7d750db 100644 --- a/test/specs/scale.time.tests.js +++ b/test/specs/scale.time.tests.js @@ -286,7 +286,7 @@ describe('Time scale tests', function() { it('should have ticks with accurate labels', function() { var scale = this.scale; var ticks = scale.getTicks(); - // pixelsPerTick is an aproximation which assumes same number of milliseconds per year (not true) + // pixelsPerTick is an approximation which assumes same number of milliseconds per year (not true) // we use a threshold of 1 day so that we still match these values var pixelsPerTick = scale.width / (ticks.length - 1); diff --git a/types/helpers/helpers.extras.d.ts b/types/helpers/helpers.extras.d.ts index a6b6594bd01..cb445c32793 100644 --- a/types/helpers/helpers.extras.d.ts +++ b/types/helpers/helpers.extras.d.ts @@ -7,7 +7,7 @@ export function requestAnimFrame(cb: () => void): void; /** * Throttles calling `fn` once per animation frame - * Latest argments are used on the actual call + * Latest arguments are used on the actual call * @param {function} fn * @param {*} thisArg * @param {function} [updateFn] diff --git a/types/index.esm.d.ts b/types/index.esm.d.ts index aa5821c497a..a42d4fe4b69 100644 --- a/types/index.esm.d.ts +++ b/types/index.esm.d.ts @@ -927,7 +927,7 @@ export interface Plugin exte */ afterDataLimits?(chart: Chart, args: { scale: Scale }, options: O): void; /** - * @desc Called before scale bulds its ticks. This hook is called separately for each scale in the chart. + * @desc Called before scale builds its ticks. This hook is called separately for each scale in the chart. * @param {Chart} chart - The chart instance. * @param {object} args - The call arguments. * @param {Scale} args.scale - The scale.