title: How do I change the color for ng2-charts?
body: <p>I have added ng2-charts to my project and display 2 charts - donut &amp; barchart. both are <strong>displayed in gray</strong> since I added</p>
  <pre><code>    &lt;base-chart class=&quot;chart&quot;
                  [colors]=&quot;chartColors&quot;
                  ...
      &lt;/base-chart&gt; 
  </code></pre>
  <p>to the <code>component.template.html</code>, and</p>
  <pre><code>public chartColors:Array&lt;any&gt; =[
      {
        fillColor:'rgba(225,10,24,0.2)',
        strokeColor:'rgba(11,255,20,1)',
        pointColor:'rgba(111,200,200,1)',
        pointStrokeColor:'#fff',
        pointHighlightFill:'#fff',
        pointHighlightStroke:'rgba(200,100,10,0.8)'
      }, ... (3x)
  </code></pre>
  <p>to the <code>component.ts</code>.</p>
  <p>Are any other package imports necessary to change the color or is the setup wrong?</p>
  <p>Chromes html inspector shows the following html output rendered:</p>
  <pre><code>ng-reflect-colors=&quot;[object Object],[object Object],[object Object]&quot;
  </code></pre>