Update index.html to add ChartJsProvider and setOptions for settings …

…different colours. Handed-picked from @ByJC
jtblin · Mar 14, 2016 · ea8bfb4 · ea8bfb4
1 parent da8a833
commit ea8bfb4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/examples/charts.html b/examples/charts.html
@@ -112,6 +112,10 @@ <h3>Colours</h3>
         <li><span style="background-color: rgba(148,159,177,1)"></span>Grey</li>
         <li><span style="background-color: rgba(77,83,96,1)"></span>Dark Grey</li>
       </ol>
+      <p>You can also use the provider: <code>ChartJsProvider</code> in a <code>.config()</code></p>
+      <p><pre><code>(function (ChartJsProvider) {
+  ChartJsProvider.setOptions({ colours : [ '#803690', '#00ADF9', '#DCDCDC', '#46BFBD', '#FDB45C', '#949FB1', '#4D5360'] });
+}); </code></pre></p>
     </section>
     <section id="directives">
       <div class="page-header">

diff --git a/examples/charts.template.html b/examples/charts.template.html
@@ -112,6 +112,10 @@ <h3>Colours</h3>
         <li><span style="background-color: rgba(148,159,177,1)"></span>Grey</li>
         <li><span style="background-color: rgba(77,83,96,1)"></span>Dark Grey</li>
       </ol>
+      <p>You can also use the provider: <code>ChartJsProvider</code> in a <code>.config()</code></p>
+      <p><pre><code>(function (ChartJsProvider) {
+  ChartJsProvider.setOptions({ colours : [ '#803690', '#00ADF9', '#DCDCDC', '#46BFBD', '#FDB45C', '#949FB1', '#4D5360'] });
+}); </code></pre></p>
     </section>
     <section id="directives">
       <div class="page-header">