Как поменять прозрачную этикетку со светло-серым на диаграмме JS Пончик? - PullRequest
Новая
       12

Как поменять прозрачную этикетку со светло-серым на диаграмме JS Пончик?

0 голосов
/ 10 января 2020

У меня есть эта диаграмма JS Пончик и добавлена ​​дополнительная метка, которая будет показывать другое значение без отображения его на пончике. Проблема в том, что диаграмма JS пробивается сквозь ярлыки, которые «скрыты». Есть ли возможность изменить зачеркнутый цвет?

Это моя диаграмма:

This is my Chart

Я хочу, чтобы выглядеть следующим образом: The Chart I want it to act like

Это исходный код: 

function donutChart(){    
    var ctx = document.getElementById('can');
    var myChart = new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: ['Red', 'Blue', 'Yellow', 'Misc'],
            datasets: [{
                label: '# of Votes',
                data: [30, 10, 20],
                backgroundColor: [
                    'rgba(255, 99, 132, 0.2)',
                    'rgba(54, 162, 235, 0.2)',
                    'rgba(126, 214, 223, 0.2)',
                    'rgba(255, 206, 86, 0.2)'
                ],
                borderColor: [
                    'rgba(255, 99, 132, 1)',
                    'rgba(54, 162, 235, 1)',
                    'rgba(126, 214, 223, 1)',
                    'rgba(255, 206, 86, 1)'
                ],
                borderWidth: 1
            }]
        },
        options: {
            legend : {
                display: true,
                position: 'bottom'
            }
        }
    });
}

1 Ответ

0 голосов
/ 13 января 2020

@ jordanwillis ответ на похожий вопрос решил мою проблему. Спасибо @jordanwillis и @uminder

Вопрос: изменить стиль элемента легенды, когда набор данных скрыт

...