If the callback returns `null` or `undefined` the associated grid line will be hidden.
:::tip
-The [category axis](../axes/cartesian/category), which is the default x-axis for line and bar charts, uses the `index` as internal data format. For accessing the label, use `this.getLabelForValue(value)`. [API: getLabelForValue](../api/classes/Scale.html#getlabelforvalue)
+The [category axis](../axes/cartesian/category), which is the default x-axis for line and bar charts, uses the `index` as internal data format. For accessing the label, use `this.getLabelForValue(value)`. [API: getLabelForValue](../api/classes/Scale.md#getlabelforvalue)
:::
In the following example, every label of the Y-axis would be displayed with a dollar sign at the front.
:::warning Warning
-Development builds **must not** be used for production purposes or as replacement for a CDN. See [available CDNs](../getting-started/installation.html#cdn).
+Development builds **must not** be used for production purposes or as replacement for a CDN. See [available CDNs](../getting-started/installation.md#cdn).
:::
* for geometric elements, you can change *background* and *border* colors;
* for textual elements, you can change the *font* color.
-Also, you can change the whole [canvas background](../configuration/canvas-background.html).
+Also, you can change the whole [canvas background](../configuration/canvas-background.md).
## Default colors
</html>
```
-As you can see, Chart.js requires minimal markup: a `canvas` tag with an `id` by which we’ll reference the chart later. By default, Chart.js charts are [responsive](../configuration/responsive.html) and take the whole enclosing container. So, we set the width of the `div` to control chart width.
+As you can see, Chart.js requires minimal markup: a `canvas` tag with an `id` by which we’ll reference the chart later. By default, Chart.js charts are [responsive](../configuration/responsive.md) and take the whole enclosing container. So, we set the width of the `div` to control chart width.
Lastly, let’s create the `src/acquisitions.js` file with the following contents:

-With just a few lines of code, we’ve got a chart with a lot of features: a [legend](../configuration/legend.html), [grid lines](../samples/scale-options/grid.html), [ticks](../samples/scale-options/ticks.html), and [tooltips](../configuration/tooltip.html) shown on hover. Refresh the web page a few times to see that the chart is also [animated](../configuration/animations.html#animations). Try clicking on the “Acquisitions by year” label to see that you’re also able to toggle datasets visibility (especially useful when you have multiple datasets).
+With just a few lines of code, we’ve got a chart with a lot of features: a [legend](../configuration/legend.md), [grid lines](../samples/scale-options/grid.md), [ticks](../samples/scale-options/ticks.md), and [tooltips](../configuration/tooltip.md) shown on hover. Refresh the web page a few times to see that the chart is also [animated](../configuration/animations.md#animations). Try clicking on the “Acquisitions by year” label to see that you’re also able to toggle datasets visibility (especially useful when you have multiple datasets).
### Simple customizations
);
```
-As you can see, we’ve added the `options` property to the second argument—that’s how you can specify all kinds of customization options for Chart.js. The [animation is disabled](../configuration/animations.html#disabling-animation) with a boolean flag provided via `animation`. Most chart-wide options (e.g., [responsiveness](../configuration/responsive.html) or [device pixel ratio](../configuration/device-pixel-ratio.html)) are configured like this.
+As you can see, we’ve added the `options` property to the second argument—that’s how you can specify all kinds of customization options for Chart.js. The [animation is disabled](../configuration/animations.md#disabling-animation) with a boolean flag provided via `animation`. Most chart-wide options (e.g., [responsiveness](../configuration/responsive.md) or [device pixel ratio](../configuration/device-pixel-ratio.md)) are configured like this.
The legend and tooltips are hidden with boolean flags provided under the respective sections in `plugins`. Note that some of Chart.js features are extracted into plugins: self-contained, separate pieces of code. A few of them are available as a part of [Chart.js distribution](https://github.com/chartjs/Chart.js/tree/master/src/plugins), other plugins are maintained independently and can be located in the [awesome list](https://github.com/chartjs/awesome) of plugins, framework integrations, and additional chart types.
Chart.js supports many common chart types.
-For instance, [Bubble chart](../charts/bubble.html) allows to display three dimensions of data at the same time: locations on `x` and `y` axes represent two dimensions, and the third dimension is represented by the size of the individual bubbles.
+For instance, [Bubble chart](../charts/bubble.md) allows to display three dimensions of data at the same time: locations on `x` and `y` axes represent two dimensions, and the third dimension is represented by the size of the individual bubbles.
To create the chart, stop the already running application, then go to `src/index.html`, and uncomment the following two lines:
Well, it doesn’t look pretty.
-First of all, the chart is not square. Artworks’ width and height are equally important so we’d like to make the chart width equal to its height as well. By default, Chart.js charts have the [aspect ratio](../configuration/responsive.html) of either 1 (for all radial charts, e.g., a doughnut chart) or 2 (for all the rest). Let’s modify the aspect ratio for our chart:
+First of all, the chart is not square. Artworks’ width and height are equally important so we’d like to make the chart width equal to its height as well. By default, Chart.js charts have the [aspect ratio](../configuration/responsive.md) of either 1 (for all radial charts, e.g., a doughnut chart) or 2 (for all the rest). Let’s modify the aspect ratio for our chart:
```jsx
// ...

-However, there’s one more nitpick: what are these numbers? It’s not very obvious that the units are centimetres. Let’s apply a [custom tick format](../axes/labelling.html#creating-custom-tick-formats) to both axes to make things clear. We’ll provide a callback function that would be called to format each tick value. Here’s the updated axes configuration:
+However, there’s one more nitpick: what are these numbers? It’s not very obvious that the units are centimetres. Let’s apply a [custom tick format](../axes/labelling.md#creating-custom-tick-formats) to both axes to make things clear. We’ll provide a callback function that would be called to format each tick value. Here’s the updated axes configuration:
```jsx
// ...

-Here we rely on the default color palette. However, keep in mind every chart type supports a lot of [dataset options](../charts/bubble.html#dataset-properties) that you can feel free to customize.
+Here we rely on the default color palette. However, keep in mind every chart type supports a lot of [dataset options](../charts/bubble.md#dataset-properties) that you can feel free to customize.
### Plugins
-Another—and very powerful!—way to customize Chart.js charts is to use plugins. You can find some in the [plugin directory](https://github.com/chartjs/awesome#plugins) or create your own, ad-hoc ones. In Chart.js ecosystem, it’s idiomatic and expected to fine tune charts with plugins. For example, you can customize [canvas background](../configuration/canvas-background.html) or [add a border](../samples/plugins/chart-area-border.html) to it with simple ad-hoc plugins. Let’s try the latter.
+Another—and very powerful!—way to customize Chart.js charts is to use plugins. You can find some in the [plugin directory](https://github.com/chartjs/awesome#plugins) or create your own, ad-hoc ones. In Chart.js ecosystem, it’s idiomatic and expected to fine tune charts with plugins. For example, you can customize [canvas background](../configuration/canvas-background.md) or [add a border](../samples/plugins/chart-area-border.md) to it with simple ad-hoc plugins. Let’s try the latter.
-Plugins have an [extensive API](../developers/plugins.html) but, in a nutshell, a plugin is defined as an object with a `name` and one or more callback functions defined in the extension points. Insert the following snippet before and in place of the `new Chart(...);` invocation in `src/dimensions.js`:
+Plugins have an [extensive API](../developers/plugins.md) but, in a nutshell, a plugin is defined as an object with a `name` and one or more callback functions defined in the extension points. Insert the following snippet before and in place of the `new Chart(...);` invocation in `src/dimensions.js`:
```jsx
// ...
);
```
-You can see that, in addition to the `Chart` class, we’re also loading a controller for the chart type, scales, and other chart elements (e.g., bars or points). You can look all available components up in the [documentation](./integration.html#bundle-optimization).
+You can see that, in addition to the `Chart` class, we’re also loading a controller for the chart type, scales, and other chart elements (e.g., bars or points). You can look all available components up in the [documentation](./integration.md#bundle-optimization).
Alternatively, you can follow Chart.js advice in the console. For example, if you forget to import `BarController` for your bar chart, you’ll see the following message in the browser console:
Now you’re familiar with all major concepts of Chart.js: chart types and elements, datasets, customization, plugins, components, and tree-shaking.
-Feel free to review many [examples of charts](../samples/information.html) in the documentation and check the [awesome list](https://github.com/chartjs/awesome) of Chart.js plugins and additional chart types as well as [framework integrations](https://github.com/chartjs/awesome#integrations) (e.g., React, Vue, Svelte, etc.). Also, don’t hesitate to join [Chart.js Discord](https://discord.gg/HxEguTK6av) and follow [Chart.js on Twitter](https://twitter.com/chartjs).
+Feel free to review many [examples of charts](../samples/information.md) in the documentation and check the [awesome list](https://github.com/chartjs/awesome) of Chart.js plugins and additional chart types as well as [framework integrations](https://github.com/chartjs/awesome#integrations) (e.g., React, Vue, Svelte, etc.). Also, don’t hesitate to join [Chart.js Discord](https://discord.gg/HxEguTK6av) and follow [Chart.js on Twitter](https://twitter.com/chartjs).
Have fun and good luck building with Chart.js!
\ No newline at end of file
Welcome to Chart.js!
* **[Get started with Chart.js](./getting-started/) — best if you're new to Chart.js**
-* Migrate from [Chart.js v3](./migration/v4-migration.html) or [Chart.js v2](./migration/v3-migration.html)
+* Migrate from [Chart.js v3](./migration/v4-migration.md) or [Chart.js v2](./migration/v3-migration.md)
* Join the community on [Discord](https://discord.gg/HxEguTK6av) and [Twitter](https://twitter.com/chartjs)
* Post a question tagged with `chart.js` on [Stack Overflow](https://stackoverflow.com/questions/tagged/chart.js)
-* [Contribute to Chart.js](./developers/contributing.html)
+* [Contribute to Chart.js](./developers/contributing.md)
## Why Chart.js
### Features
-Chart.js provides a set of frequently used chart types, plugins, and customization options. In addition to a reasonable set of [built-in chart types](./charts/area.html), you can use additional community-maintained [chart types](https://github.com/chartjs/awesome#charts). On top of that, it’s possible to combine several chart types into a [mixed chart](./charts/mixed.html) (essentially, blending multiple chart types into one on the same canvas).
+Chart.js provides a set of frequently used chart types, plugins, and customization options. In addition to a reasonable set of [built-in chart types](./charts/area.md), you can use additional community-maintained [chart types](https://github.com/chartjs/awesome#charts). On top of that, it’s possible to combine several chart types into a [mixed chart](./charts/mixed.md) (essentially, blending multiple chart types into one on the same canvas).
Chart.js is highly customizable with [custom plugins](https://github.com/chartjs/awesome#plugins) to create annotations, zoom, or drag-and-drop functionalities to name a few things.
### Developer experience
-Chart.js has very thorough documentation (yes, you're reading it), [API reference](./api/), and [examples](./samples/information.html). Maintainers and community members eagerly engage in conversations on [Discord](https://discord.gg/HxEguTK6av), [GitHub Discussions](https://github.com/chartjs/Chart.js/discussions), and [Stack Overflow](https://stackoverflow.com/questions/tagged/chart.js) where more than 11,000 questions are tagged with `chart.js`.
+Chart.js has very thorough documentation (yes, you're reading it), [API reference](./api/), and [examples](./samples/information.md). Maintainers and community members eagerly engage in conversations on [Discord](https://discord.gg/HxEguTK6av), [GitHub Discussions](https://github.com/chartjs/Chart.js/discussions), and [Stack Overflow](https://stackoverflow.com/questions/tagged/chart.js) where more than 11,000 questions are tagged with `chart.js`.
### Canvas rendering
### Performance
-Chart.js is very well suited for large datasets. Such datasets can be efficiently ingested using the internal format, so you can skip data [parsing](./general/performance.html#parsing) and [normalization](./general/performance.html#data-normalization). Alternatively, [data decimation](./configuration/decimation.html) can be configured to sample the dataset and reduce its size before rendering.
+Chart.js is very well suited for large datasets. Such datasets can be efficiently ingested using the internal format, so you can skip data [parsing](./general/performance.md#parsing) and [normalization](./general/performance.md#data-normalization). Alternatively, [data decimation](./configuration/decimation.md) can be configured to sample the dataset and reduce its size before rendering.
In the end, the canvas rendering that Chart.js uses reduces the toll on your DOM tree in comparison to SVG rendering. Also, tree-shaking support allows you to include minimal parts of Chart.js code in your bundle, reducing bundle size and page load time.
};
```
## Docs
-* [Data Decimation](../../configuration/decimation.html)
-* [Line](../../charts/line.html)
-* [Time Scale](../../axes/cartesian/time.html)
+* [Data Decimation](../../configuration/decimation.md)
+* [Line](../../charts/line.md)
+* [Time Scale](../../axes/cartesian/time.md)
<<< @/scripts/log2.js
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [New Axes](../../developers/axes.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [New Axes](../../developers/axes.md)
<<< @/scripts/derived-bubble.js
## Docs
-* [Bubble Chart](../../charts/bubble.html)
-* [New Charts](../../developers/charts.html)
+* [Bubble Chart](../../charts/bubble.md)
+* [New Charts](../../developers/charts.md)
```
## Docs
-* [Colors](../../general/colors.html)
- * [Patterns and Gradients](../../general/colors.html#patterns-and-gradients)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
-* [Line](../../charts/line.html)
+* [Colors](../../general/colors.md)
+ * [Patterns and Gradients](../../general/colors.md#patterns-and-gradients)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+* [Line](../../charts/line.md)
## API
* [Chart](../../api/classes/Chart.md)
* [`setActiveElements`](../../api/classes/Chart.md#setactiveelements)
-* [TooltipModel](../../api/interfaces/TooltipModel.html)
- * [`setActiveElements`](../../api/interfaces/TooltipModel.html#setactiveelements)
+* [TooltipModel](../../api/interfaces/TooltipModel.md)
+ * [`setActiveElements`](../../api/interfaces/TooltipModel.md#setactiveelements)
## Docs
-* [Bar](../../charts/bar.html)
- * [Interactions (`hoverBorderColor`)](../../charts/bar.html#interactions)
-* [Interactions](../../configuration/interactions.html)
-* [Tooltip](../../configuration/tooltip.html)
+* [Bar](../../charts/bar.md)
+ * [Interactions (`hoverBorderColor`)](../../charts/bar.md#interactions)
+* [Interactions](../../configuration/interactions.md)
+* [Tooltip](../../configuration/tooltip.md)
```
## Docs
-* [Animations](../../configuration/animations.html)
- * [Animation Callbacks](../../configuration/animations.html#animation-callbacks)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
+* [Animations](../../configuration/animations.md)
+ * [Animation Callbacks](../../configuration/animations.md#animation-callbacks)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
## Docs
* [Polar Area Chart](../../charts/polar.md)
* [Styling](../../charts/polar.md#styling)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
\ No newline at end of file
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
\ No newline at end of file
};
```
## Docs
-* [Animations](../../configuration/animations.html)
- * [animation (`delay`)](../../configuration/animations.html#animation)
- * [Animation Callbacks](../../configuration/animations.html#animation-callbacks)
-* [Bar](../../charts/bar.html)
- * [Stacked Bar Chart](../../charts/bar.html#stacked-bar-chart)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
+* [Animations](../../configuration/animations.md)
+ * [animation (`delay`)](../../configuration/animations.md#animation)
+ * [Animation Callbacks](../../configuration/animations.md#animation-callbacks)
+* [Bar](../../charts/bar.md)
+ * [Stacked Bar Chart](../../charts/bar.md#stacked-bar-chart)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
};
```
## Docs
-* [Area](../../charts/area.html)
-* [Animations](../../configuration/animations.html)
- * [animation (`easing`)](../../configuration/animations.html#animation)
- * [animations (`from`)](../../configuration/animations.html#animations-2)
-* [Line](../../charts/line.html)
- * [Line Styling](../../charts/line.html#line-styling)
+* [Area](../../charts/area.md)
+* [Animations](../../configuration/animations.md)
+ * [animation (`easing`)](../../configuration/animations.md#animation)
+ * [animations (`from`)](../../configuration/animations.md#animations-2)
+* [Line](../../charts/line.md)
+ * [Line Styling](../../charts/line.md#line-styling)
* `fill`
* `tension`
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
};
```
## Docs
-* [Animations](../../configuration/animations.html)
- * [animation](../../configuration/animations.html#animation)
+* [Animations](../../configuration/animations.md)
+ * [animation](../../configuration/animations.md#animation)
* `duration`
* `easing`
* **`loop`**
- * [Default animations (`radius`)](../../configuration/animations.html#default-animations)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Elements](../../configuration/elements.html)
- * [Point Configuration](../../configuration/elements.html#point-configuration)
+ * [Default animations (`radius`)](../../configuration/animations.md#default-animations)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Elements](../../configuration/elements.md)
+ * [Point Configuration](../../configuration/elements.md#point-configuration)
* `hoverRadius`
* `hoverBackgroundColor`
-* [Line](../../charts/line.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
-* [Tooltip (`enabled`)](../../configuration/tooltip.html)
+* [Line](../../charts/line.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+* [Tooltip (`enabled`)](../../configuration/tooltip.md)
## Api
* [Chart](../../api/classes/Chart.md)
* [`getDatasetMeta`](../../api/classes/Chart.md#getdatasetmeta)
-* [Scale](../../api/classes/Scale.html)
- * [`getPixelForValue`](../../api/classes/Scale.html#getpixelforvalue)
+* [Scale](../../api/classes/Scale.md)
+ * [`getPixelForValue`](../../api/classes/Scale.md#getpixelforvalue)
## Docs
-* [Animations](../../configuration/animations.html)
- * [animation](../../configuration/animations.html#animation)
+* [Animations](../../configuration/animations.md)
+ * [animation](../../configuration/animations.md#animation)
* `delay`
* `duration`
* `easing`
* `loop`
- * [Easing](../../configuration/animations.html#easing)
-* [Line](../../charts/line.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
- * [Data Context](../../general/options.html#data)
+ * [Easing](../../configuration/animations.md#easing)
+* [Line](../../charts/line.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+ * [Data Context](../../general/options.md#data)
## Api
* [Chart](../../api/classes/Chart.md)
* [`getDatasetMeta`](../../api/classes/Chart.md#getdatasetmeta)
-* [Scale](../../api/classes/Scale.html)
- * [`getPixelForValue`](../../api/classes/Scale.html#getpixelforvalue)
+* [Scale](../../api/classes/Scale.md)
+ * [`getPixelForValue`](../../api/classes/Scale.md#getpixelforvalue)
## Docs
-* [Animations](../../configuration/animations.html)
- * [animation](../../configuration/animations.html#animation)
+* [Animations](../../configuration/animations.md)
+ * [animation](../../configuration/animations.md#animation)
* `delay`
* `duration`
* `easing`
* `loop`
-* [Line](../../charts/line.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
- * [Data Context](../../general/options.html#data)
+* [Line](../../charts/line.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+ * [Data Context](../../general/options.md#data)
```
## Docs
-* [Area](../../charts/area.html)
- * [Filling modes](../../charts/area.html#filling-modes)
+* [Area](../../charts/area.md)
+ * [Filling modes](../../charts/area.md#filling-modes)
* Boundary: `'start'`, `'end'`, `'origin'`
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
<div id="chart-analyser" class="analyser"></div>
## Docs
-* [Area](../../charts/area.html)
- * [Filling modes](../../charts/area.html#filling-modes)
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Area](../../charts/area.md)
+ * [Filling modes](../../charts/area.md#filling-modes)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
* [Axes scales](../../axes/)
* [Common options to all axes (`stacked`)](../../axes/#common-options-to-all-axes)
};
```
## Docs
-* [Area](../../charts/area.html)
- * [Configuration (`drawTime`)](../../charts/area.html#configuration)
-* [Line](../../charts/line.html)
- * [Line Styling (`tension`)](../../charts/line.html#line-styling)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Area](../../charts/area.md)
+ * [Configuration (`drawTime`)](../../charts/area.md#configuration)
+* [Line](../../charts/line.md)
+ * [Line Styling (`tension`)](../../charts/line.md#line-styling)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Area](../../charts/area.html)
- * [Filling modes](../../charts/area.html#filling-modes)
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Area](../../charts/area.md)
+ * [Filling modes](../../charts/area.md#filling-modes)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
* [Axes scales](../../axes/)
* [Common options to all axes (`stacked`)](../../axes/#common-options-to-all-axes)
<div id="chart-analyser" class="analyser"></div>
## Docs
-* [Area](../../charts/area.html)
- * [Filling modes](../../charts/area.html#filling-modes)
- * [`propagate`](../../charts/area.html#propagate)
-* [Radar](../../charts/radar.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Area](../../charts/area.md)
+ * [Filling modes](../../charts/area.md#filling-modes)
+ * [`propagate`](../../charts/area.md#propagate)
+* [Radar](../../charts/radar.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Bar](../../charts/bar.html)
- * [`borderRadius`](../../charts/bar.html#borderradius)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Bar](../../charts/bar.md)
+ * [`borderRadius`](../../charts/bar.md#borderradius)
+* [Data structures (`labels`)](../../general/data-structures.md)
};
```
## Docs
-* [Bar](../../charts/bar.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Bar](../../charts/bar.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Bar](../../charts/bar.html)
- * [Horizontal Bar Chart](../../charts/bar.html#horizontal-bar-chart)
+* [Bar](../../charts/bar.md)
+ * [Horizontal Bar Chart](../../charts/bar.md#horizontal-bar-chart)
```
## Docs
-* [Bar](../../charts/bar.html)
- * [Stacked Bar Chart](../../charts/bar.html#stacked-bar-chart)
-* [Data structures (`labels`)](../../general/data-structures.html)
- * [Dataset Configuration (`stack`)](../../general/data-structures.html#dataset-configuration)
+* [Bar](../../charts/bar.md)
+ * [Stacked Bar Chart](../../charts/bar.md#stacked-bar-chart)
+* [Data structures (`labels`)](../../general/data-structures.md)
+ * [Dataset Configuration (`stack`)](../../general/data-structures.md#dataset-configuration)
};
```
## Docs
-* [Bar](../../charts/bar.html)
- * [Stacked Bar Chart](../../charts/bar.html#stacked-bar-chart)
+* [Bar](../../charts/bar.md)
+ * [Stacked Bar Chart](../../charts/bar.md#stacked-bar-chart)
```
## Docs
-* [Bar](../../charts/bar.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Bar](../../charts/bar.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Doughnut and Pie Charts](../../charts/doughnut.html)
-* [Legend](../../configuration/legend.html)
+* [Doughnut and Pie Charts](../../charts/doughnut.md)
+* [Legend](../../configuration/legend.md)
* `onHover`
* `onLeave`
\ No newline at end of file
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Legend](../../configuration/legend.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Legend](../../configuration/legend.md)
* `display: false`
-* [Plugins](../../developers/plugins.html)
+* [Plugins](../../developers/plugins.md)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Legend](../../configuration/legend.html)
- * [Legend Label Configuration](../../configuration/legend.html#legend-label-configuration)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Legend](../../configuration/legend.md)
+ * [Legend Label Configuration](../../configuration/legend.md#legend-label-configuration)
* `usePointStyle`
-* [Elements](../../configuration/elements.html)
- * [Point Configuration](../../configuration/elements.html#point-configuration)
- * [Point Styles](../../configuration/elements.html#point-styles)
+* [Elements](../../configuration/elements.md)
+ * [Point Configuration](../../configuration/elements.md#point-configuration)
+ * [Point Styles](../../configuration/elements.md#point-styles)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Legend](../../configuration/legend.html)
- * [Position](../../configuration/legend.html#position)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Legend](../../configuration/legend.md)
+ * [Position](../../configuration/legend.md#position)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Legend](../../configuration/legend.html)
\ No newline at end of file
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Legend](../../configuration/legend.md)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
- * [`cubicInterpolationMode`](../../charts/line.html#cubicinterpolationmode)
- * [Line Styling (`tension`)](../../charts/line.html#line-styling)
+* [Line](../../charts/line.md)
+ * [`cubicInterpolationMode`](../../charts/line.md#cubicinterpolationmode)
+ * [Line Styling (`tension`)](../../charts/line.md#line-styling)
```
## Docs
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
* [Axes scales](../../axes/)
* [Cartesian Axes](../../axes/cartesian/)
* [Axis Position](../../axes/cartesian/#axis-position)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
- * [Point Styling](../../charts/line.html#point-styling)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+ * [Point Styling](../../charts/line.md#point-styling)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
- * [Line Styling](../../charts/line.html#line-styling)
- * [Segment](../../charts/line.html#segment)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
\ No newline at end of file
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+ * [Line Styling](../../charts/line.md#line-styling)
+ * [Segment](../../charts/line.md#segment)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
\ No newline at end of file
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
- * [Stepped](../../charts/line.html#stepped)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+ * [Stepped](../../charts/line.md#stepped)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
- * [Line Styling](../../charts/line.html#line-styling)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+ * [Line Styling](../../charts/line.md#line-styling)
```
## Docs
-* [Bubble](../../charts/bubble.html)
+* [Bubble](../../charts/bubble.md)
```
## Docs
-* [Bar](../../charts/bar.html)
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Bar](../../charts/bar.md)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Doughnut and Pie Charts](../../charts/doughnut.html)
+* [Doughnut and Pie Charts](../../charts/doughnut.md)
```
## Docs
-* [Doughnut and Pie Charts](../../charts/doughnut.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
\ No newline at end of file
+* [Doughnut and Pie Charts](../../charts/doughnut.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
\ No newline at end of file
};
```
## Docs
-* [Doughnut and Pie Charts](../../charts/doughnut.html)
+* [Doughnut and Pie Charts](../../charts/doughnut.md)
## Docs
* [Polar Area Chart](../../charts/polar.md)
-* [Linear Radial Axis](../../axes/radial/linear.html)
- * [Point Label Options (`centerPointLabels`)](../../axes/radial/linear.html#point-label-options)
\ No newline at end of file
+* [Linear Radial Axis](../../axes/radial/linear.md)
+ * [Point Label Options (`centerPointLabels`)](../../axes/radial/linear.md#point-label-options)
\ No newline at end of file
```
## Docs
-* [Radar](../../charts/radar.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Radar](../../charts/radar.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Radar](../../charts/radar.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Radar](../../charts/radar.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Scatter](../../charts/scatter.html)
+* [Scatter](../../charts/scatter.md)
* [Cartesian Axes](../../axes/cartesian/)
* [Axis Position](../../axes/cartesian/#axis-position)
```
## Docs
-* [Scatter](../../charts/scatter.html)
+* [Scatter](../../charts/scatter.md)
* [Axes scales](../../axes/)
* [Common options to all axes (`stacked`)](../../axes/#common-options-to-all-axes)
* [Stacking](../../axes/#stacking)
-* [Bar](../../charts/bar.html)
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
- * [Dataset Configuration (`stack`)](../../general/data-structures.html#dataset-configuration)
+* [Bar](../../charts/bar.md)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
+ * [Dataset Configuration (`stack`)](../../general/data-structures.md#dataset-configuration)
```
## Docs
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Plugins](../../developers/plugins.html)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Plugins](../../developers/plugins.md)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Plugins](../../developers/plugins.html)
-* [Doughnut and Pie Charts](../../charts/doughnut.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Plugins](../../developers/plugins.md)
+* [Doughnut and Pie Charts](../../charts/doughnut.md)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Plugins](../../developers/plugins.html)
-* [Scatter](../../charts/scatter.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Plugins](../../developers/plugins.md)
+* [Scatter](../../charts/scatter.md)
```
## Docs
-* [Scatter](../../charts/scatter.html)
+* [Scatter](../../charts/scatter.md)
* [Cartesian Axes](../../axes/cartesian/)
* [Axis Position](../../axes/cartesian/#axis-position)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
- * [Tick Context](../../general/options.html#tick)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Axes Styling](../../axes/styling.html)
- * [Grid Line Configuration](../../axes/styling.html#grid-line-configuration)
\ No newline at end of file
+* [Line](../../charts/line.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+ * [Tick Context](../../general/options.md#tick)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Axes Styling](../../axes/styling.md)
+ * [Grid Line Configuration](../../axes/styling.md#grid-line-configuration)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
- * [Tick Context](../../general/options.html#tick)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Axes Styling](../../axes/styling.html)
- * [Tick Configuration](../../axes/styling.html#tick-configuration)
\ No newline at end of file
+* [Line](../../charts/line.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+ * [Tick Context](../../general/options.md#tick)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Axes Styling](../../axes/styling.md)
+ * [Tick Configuration](../../axes/styling.md#tick-configuration)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Axes Styling](../../axes/styling.html)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Axes Styling](../../axes/styling.md)
* [Cartesian Axes](../../axes/cartesian/)
* [Common options to all cartesian axes](../../axes/cartesian/#common-options-to-all-cartesian-axes)
-* [Labeling Axes](../../axes/labelling.html)
- * [Scale Title Configuration](../../axes/labelling.html#scale-title-configuration)
\ No newline at end of file
+* [Labeling Axes](../../axes/labelling.md)
+ * [Scale Title Configuration](../../axes/labelling.md#scale-title-configuration)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
* [Axes scales](../../axes/)
* [Common options to all axes](../../axes/#common-options-to-all-axes)
* [Axis Range Settings](../../axes/#axis-range-settings)
```
## Docs
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
* [Axes scales](../../axes/)
* [Common options to all axes (`min`,`max`)](../../axes/#common-options-to-all-axes)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
* [Axes scales](../../axes/)
* [Common options to all axes (`min`,`max`)](../../axes/#common-options-to-all-axes)
-* [Linear Axis](../../axes/cartesian/linear.html)
- * [Linear Axis specific tick options (`stepSize`)](../../axes/cartesian/linear.html#linear-axis-specific-tick-options)
- * [Step Size](../../axes/cartesian/linear.html#step-size)
+* [Linear Axis](../../axes/cartesian/linear.md)
+ * [Linear Axis specific tick options (`stepSize`)](../../axes/cartesian/linear.md#linear-axis-specific-tick-options)
+ * [Step Size](../../axes/cartesian/linear.md#step-size)
```
## Docs
-* [Line](../../charts/line.html)
-* [Logarithmic Axis](../../axes/cartesian/logarithmic.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Line](../../charts/line.md)
+* [Logarithmic Axis](../../axes/cartesian/logarithmic.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Line](../../charts/line.html)
+* [Line](../../charts/line.md)
* [Axes scales](../../axes/)
* [Stacking](../../axes/#stacking)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Bar](../../charts/bar.html)
-* [Line](../../charts/line.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Time Scale](../../axes/cartesian/time.html)
+* [Bar](../../charts/bar.md)
+* [Line](../../charts/line.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Time Scale](../../axes/cartesian/time.md)
```
## Docs
-* [Line](../../charts/line.html)
-* [Time Cartesian Axis](../../axes/cartesian/time.html)
\ No newline at end of file
+* [Line](../../charts/line.md)
+* [Time Cartesian Axis](../../axes/cartesian/time.md)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
- * [`spanGaps`](../../charts/line.html#line-styling)
-* [Time Scale](../../axes/cartesian/time.html)
+* [Line](../../charts/line.md)
+ * [`spanGaps`](../../charts/line.md#line-styling)
+* [Time Scale](../../axes/cartesian/time.md)
```
## Docs
-* [Bar](../../charts/bar.html)
-* [Data structures (`labels`)](../../general/data-structures.html)
- * [Dataset Configuration (`stack`)](../../general/data-structures.html#dataset-configuration)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
+* [Bar](../../charts/bar.md)
+* [Data structures (`labels`)](../../general/data-structures.md)
+ * [Dataset Configuration (`stack`)](../../general/data-structures.md#dataset-configuration)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
```
## Docs
-* [Bubble](../../charts/bubble.html)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
\ No newline at end of file
+* [Bubble](../../charts/bubble.md)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
\ No newline at end of file
```
## Docs
-* [Line](../../charts/line.html)
- * [Point Styling](../../charts/line.html#point-styling)
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
-* [Data structures (`labels`)](../../general/data-structures.html)
+* [Line](../../charts/line.md)
+ * [Point Styling](../../charts/line.md#point-styling)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+* [Data structures (`labels`)](../../general/data-structures.md)
```
## Docs
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
-* [Doughnut and Pie Charts](../../charts/doughnut.html)
\ No newline at end of file
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+* [Doughnut and Pie Charts](../../charts/doughnut.md)
\ No newline at end of file
```
## Docs
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
* [Polar Area Chart](../../charts/polar.md)
```
## Docs
-* [Options](../../general/options.html)
- * [Scriptable Options](../../general/options.html#scriptable-options)
-* [Radar](../../charts/radar.html)
+* [Options](../../general/options.md)
+ * [Scriptable Options](../../general/options.md#scriptable-options)
+* [Radar](../../charts/radar.md)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Title](../../configuration/title.html)
-* [Subtitle](../../configuration/subtitle.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Title](../../configuration/title.md)
+* [Subtitle](../../configuration/subtitle.md)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Title](../../configuration/title.html)
\ No newline at end of file
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Title](../../configuration/title.md)
\ No newline at end of file
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Tooltip](../../configuration/tooltip.html)
- * [Tooltip Callbacks](../../configuration/tooltip.html#tooltip-callbacks)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Tooltip](../../configuration/tooltip.md)
+ * [Tooltip Callbacks](../../configuration/tooltip.md#tooltip-callbacks)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Tooltip](../../configuration/tooltip.html)
- * [External (Custom) Tooltips](../../configuration/tooltip.html#external-custom-tooltips)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Tooltip](../../configuration/tooltip.md)
+ * [External (Custom) Tooltips](../../configuration/tooltip.md#external-custom-tooltips)
\ No newline at end of file
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Tooltip](../../configuration/tooltip.html)
-* [Interactions](../../configuration/interactions.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Tooltip](../../configuration/tooltip.md)
+* [Interactions](../../configuration/interactions.md)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Tooltip](../../configuration/tooltip.html)
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Tooltip](../../configuration/tooltip.md)
* `usePointStyle`
-* [Elements](../../configuration/elements.html)
- * [Point Styles](../../configuration/elements.html#point-styles)
+* [Elements](../../configuration/elements.md)
+ * [Point Styles](../../configuration/elements.md#point-styles)
```
## Docs
-* [Data structures (`labels`)](../../general/data-structures.html)
-* [Line](../../charts/line.html)
-* [Tooltip](../../configuration/tooltip.html)
- * [Position Modes](../../configuration/tooltip.html#position-modes)
- * [Custom Position Modes](../../configuration/tooltip.html#custom-position-modes)
\ No newline at end of file
+* [Data structures (`labels`)](../../general/data-structures.md)
+* [Line](../../charts/line.md)
+* [Tooltip](../../configuration/tooltip.md)
+ * [Position Modes](../../configuration/tooltip.md#position-modes)
+ * [Custom Position Modes](../../configuration/tooltip.md#custom-position-modes)
\ No newline at end of file