From: mjcross <mjcross@users.noreply.github.com>
Date: Tue, 6 Apr 2021 22:54:18 +0000 (+0100)
Subject: complete the first 'getting-started' example (#8829)
X-Git-Tag: v3.1.0~23
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=b4d118e6e9c289b83184c2b327250cef0af0009c;p=thirdparty%2FChart.js.git

complete the first 'getting-started' example (#8829)

This page is very likely the first example a new user sees, so we should make it clear how to actually use the config and setup show to actually render a chart.
---

diff --git a/docs/getting-started/index.md b/docs/getting-started/index.md
index aa6cb8217..8513c04ae 100644
--- a/docs/getting-started/index.md
+++ b/docs/getting-started/index.md
@@ -53,6 +53,19 @@ module.exports = {
 };
 ```
 
+Finally, render the chart using our configuration:
+
+```html  
+<script>
+  // === include 'setup' then 'config' above ===
+  
+  var myChart = new Chart(
+    document.getElementById('myChart'),
+    config
+  );
+</script>
+```
+
 It's that easy to get started using Chart.js! From here you can explore the many options that can help you customise your charts with scales, tooltips, labels, colors, custom actions, and much more.
 
 All our examples are [available online](https://www.chartjs.org/samples/latest/) but you can also download the `Chart.js.zip` archive attached to every [release](https://github.com/chartjs/Chart.js/releases) to experiment with our samples locally from the `/samples` folder.