How do I change the color for ng2-charts?
<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>