How to Change the color of the text in donut chart
<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>