Highcharts меняют цвет кусочков пирога

Обновлять:

Мне удалось показать процент, а также легенду. Но пока не умеет менять цвета.

chart: {
        type: 'pie',
        styledMode: true
    },
    tooltip: {
         pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    theme: {
          colors: [
                    'green',
                    'red',
                    'fushcia'
                  ]
    },
    plotOptions: {
        pie: {
          colors: [
                    'green',
                    'red',
                    'fushcia'
                  ],
                     allowPointSelect: true,
                     cursor: 'pointer',
                     dataLabels:  {
                     enabled: false
                     },
                   showInLegend: true
           }

    },
    title: {
        text: 'Rundeck Jobs Stats'
    },
    series: [
        {
            data: chartData(table)
        }

Исходное сообщение:

У меня есть круговая диаграмма, созданная из таблицы HTML с помощью DataTables. Я смотрю на один столбец, СТАТУС, который показывает либо успешное, либо неудачное, либо прерванное выполнение. Диаграмма подсчитывает количество вхождений каждого из них и рисует круговую диаграмму.

Я бы хотел, чтобы круговая диаграмма была зеленой для успехов, красной для неудач и фиолетовой для прерванных проектов.

Я также хотел бы, чтобы кусочки показывали соответствующие проценты от пирога.

у меня есть код для создания диаграммы, он взят непосредственно из примера https://datatables.net/examples/api/highcharts.html

    // Create DataTable
const table = new DataTable('#example');
 
// Create chart
const chart = Highcharts.chart('demo-output', {
    chart: {
        type: 'pie',
        styledMode: true
    },
    title: {
        text: 'Rundeck Jobs Stats'
    },
    series: [
        {
            data: chartData(table)
        }
    ]
});
 
// On each draw, update the data in the chart
table.on('draw', function () {
    chart.series[0].setData(chartData(table));
});
 
function chartData(table) {
    var counts = {};
 
    // Count the number of entries for each position
    table
        .column(3, { search: 'applied' })
        .data()
        .each(function (val) {
            if (counts[val]) {
                counts[val] += 1;
            }
            else {
                counts[val] = 1;
            }
        });
 
    return Object.entries(counts).map((e) => ({
        name: e[0],
        y: e[1]
    }));
}

Я просмотрел несколько постов и попытался добавить красок в серию, но пока безрезультатно.

заранее спасибо

р