From 4a46000969df64d7b17cfb6c8d1d9bb80101881d Mon Sep 17 00:00:00 2001 From: sbosse Date: Mon, 21 Jul 2025 23:35:42 +0200 Subject: [PATCH] Mon 21 Jul 22:43:21 CEST 2025 --- js/ui/chart/docs/getting-started/usage.md | 65 +++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 js/ui/chart/docs/getting-started/usage.md diff --git a/js/ui/chart/docs/getting-started/usage.md b/js/ui/chart/docs/getting-started/usage.md new file mode 100644 index 0000000..0a0d48b --- /dev/null +++ b/js/ui/chart/docs/getting-started/usage.md @@ -0,0 +1,65 @@ +# Usage +Chart.js can be used with ES6 modules, plain JavaScript and module loaders. + +## Creating a Chart + +To create a chart, we need to instantiate the `Chart` class. To do this, we need to pass in the node, jQuery instance, or 2d context of the canvas of where we want to draw the chart. Here's an example. + +```html + +``` + +```javascript +// Any of the following formats may be used +var ctx = document.getElementById('myChart'); +var ctx = document.getElementById('myChart').getContext('2d'); +var ctx = $('#myChart'); +var ctx = 'myChart'; +``` + +Once you have the element or context, you're ready to instantiate a pre-defined chart-type or create your own! + +The following example instantiates a bar chart showing the number of votes for different colors and the y-axis starting at 0. + +```html + + +```