Update index.html to add ChartJsProvider and setOptions for settings different colours.

Handed-picked from @ByJC

Author: jtblin

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">

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">