title: How to Change the color of the text in donut chart
body: <p>How can I change the particular text color in donut chart</p>
  
  <p>Example: <code>"10% Need Action"</code>, I need to change the <code>10%</code> to red color.</p>
  
  <p>I have included the text inside donutchart.
  I am trying to change the color of the text as mentioned above.</p>
  
  <p>Here is my code</p>
  
  <pre><code>$(function () 
      {
          $('#dc-target-fill-rates').highcharts({
             chart: {
                 type: 'pie',
  
                    },
          credits: {
              enabled: false
          },
          exporting: {
              buttons: {
                  contextButtons: {
                      enabled: false,
                      menuItems: null
                  }
              },
              enabled: false
          },
          title: {
              verticalAlign: 'middle',
              floating: true,
              text: "&lt;span&gt;&lt;b&gt;10%&lt;/b&gt;&lt;br/&gt;Need Action&lt;/span&gt;",
              style: { color: '#60727d', fontSize: '15px', fontFamily: 'Avenir LT Std Light' },
              x: 0,
              y: -5
          },
          subtitle: {
              //text: '3D donut in Highcharts'
          },
  
          tooltip: {
              style: { fontFamily: 'Avenir LT Std Heavy' },
              shadow: false,
              useHTML: true,
              backgroundColor: 'rgba(255, 255, 255, 0.85)',
              borderColor: '#a9a9a9',
              headerFormat: "",
              pointFormat: '&lt;span style="color: {point.color}"&gt;●&lt;/span&gt;&lt;span style="color: {point.color}"&gt;  {point.name}&lt;/span&gt; : &lt;b&gt;{point.percentage:.2f}%&lt;/b&gt;'
          },
          plotOptions: {
              pie: {
                  allowPointSelect: true,
                  cursor: 'pointer',
                  innerSize: '80%',
                  //depth: 45,
                  shadow: false,
                  dataLabels: {
                      enabled: false,
                      format: '&lt;b&gt;{point.name}&lt;/b&gt;: {point.percentage:.1f} %',
                      style: {
                          color: 'black'
                      }
                  }
              }
          },
          series: [{
              name: 'Brands',
              colorByPoint: true,
              data: [{
                  name: 'Need Action',
                  y: 5,
                  color: '#fc5d45'
              }, {
                  name: 'At Risk',
                  y: 10,
                  color: '#ffd52f'
  
              }, {
                  name: 'On Track',
                  y: 50,
                  color: '#5db567'
              }]
          }]
      });
  });
  </code></pre>