如何在ChartJS Doughnut上以浅灰色更改标签的穿透颜色?

问题描述 投票:0回答:1

我有这个ChartJS Donut,并添加了一个额外的Label,它将显示另一个值而不在甜甜圈上显示它。问题是,ChartJS删除了“隐藏”的标签。是否可以通过颜色更改“穿透颜色”?

这是我的图表:

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'
            }
        }
    });
}
javascript jquery html chart.js web-deployment
1个回答
0
投票

@@ jordanwillis在类似问题上的回答解决了我的问题。感谢@jordanwillis和@uminder

问题:change legend item style when dataset is hidden

© www.soinside.com 2019 - 2024. All rights reserved.