Chart.js - PieChart определил цвет фона для определенного элемента набора данных

Question

Сообщество,

Я пытаюсь получить Chart.js - PieChart с определенным фоном для каждого конкретного элемента набора данных.

например: Набор данных имеет максимум 3 элемента: хорошонормально и плохо.Но он также может иметь только два или даже одно.

pieChartData () {
    let dataset = []
    let labels = []
    let bgColor = [
        'green',
        'yellow',
        'red'
    ]
    for (var key in this.accountProfile.categories) {
        if (this.accountProfile.categories.hasOwnProperty(key)) {
            labels.push(key)
            dataset.push(this.accountProfile.categories[key].volume)
        }
    }
    return { 
        labels: labels,
        datasets: [
            { 
                data: dataset,
                backgroundColor: bgColor
            }
        ]
    }
}

Я хотел бы иметь: хороший, как зеленый, нормальный, как желтый, плохой, как красный

, но если мой набор данных имеет нормальнои плохо, цвета перепутаны и нормальный - зеленый вместо желтого, плохой - желтый вместо красного и т. д.

Любая помощь будет принята с благодарностью.Спасибо, J

Answer 1

Вы можете определить массив, где цвета - это значения, а хорошие, плохие и нормальные - это ключи, см. Следующее:

let chartColors = [];
chartColors['good'] = 'green';
chartColors['bad'] = 'red';
chartColors['normal'] = 'yellow';

Затем следующим шагом будет добавление новой переменной массива, в которую вы будете нажимать ту жекак вы сделали для этикеток:

someColorVar.push(chartColors[key]); 

Затем замените bgcolor на someColorVar.