Question

我正在尝试更改极坐标图中标签的背景颜色。我想将背景颜色更改为黑色。

我正在使用全局变量来更改字体颜色：

Chart.defaults.global.defaultFontColor = 'rgba(255, 255, 255, 0.7)';

这是显示的图表。

Chart Printscreen

new Chart(ctx, {
    data: data = {
        datasets: [{
            data: [25, 10, 20],
            backgroundColor: [
                'yellow',
                'blue',
                'red',
            ],
            borderColor: [
                'yellow',
                'blue',
                'red',
            ],
        }],
        labels: [
            'Yellow',
             'Blue',
             'Red',
        ]
    },
    type: 'polarArea',
});

感谢您的关注！

Answer 1

我检查了官方文档，它们似乎有相同的问题，尤其是在将主题从“白色”更改为“夜”或“棕褐色”时。

但是，在进一步检查中，我发现this的GitHub问题对此做了解释。

在type: 'polarArea',之后，添加以下代码以更改文本元素的背景色：

options: {
        scale: {
            ticks: {
              backdropColor: 'black'
            }
        }
    }

我也创建了一个JSFiddle，它是here。另外，在this GitHub问题中，我发现有关此文档的文档位于极地区域的线性径向轴下，不是。希望有帮助！

更改标签Chart.js的背景颜色

1 个答案: