title: Chart.js doughnut text colors
body: <p>How do you change the doughnut text color and doughnut filler colors separately? I have something like this:</p>
  
  <pre><code>var  color = [ "#3F9F3F", "#FFFFFF" ];
  var chartData =  {
    label :  myLabels, 
    data : myData,
    colors : color
  };
  </code></pre>
  
  <p>The second color attribute overrides anything else I've tried. What property, for donuts specifically, will fix this?</p>
  
  <p><img src="https://i.stack.imgur.com/DWFau.png" alt="enter image description here"></p>
  
  <p>I'd like the text color to be different from the black color in the chart.</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>This is a jsfiddle I found that shows a basic chart.</p>
  
  <p><a href="http://jsfiddle.net/mayankcpdixit/6xV78/" rel="nofollow noreferrer">http://jsfiddle.net/mayankcpdixit/6xV78/</a></p>
  
  <p>The question is, how do you change the font color inside the doughnut?</p>
  
  <p><strong>Edit 2:</strong></p>
  
  <p>Realized the text color inside the donuts, while affected by the secondary color, was actually painted using canvas.fillText(). As such, all I needed was to add .fillStyle = "whatever" and it works.</p>