图表 JS 2 刻度标签边框

Question

我正在使用 Chart JS 2.6.0。我为带有白色标签的图表使用蓝色背景。但是，当图表在屏幕上呈现时，标签上有一个黑色边框，如下所示：

有没有办法摆脱这个边框，或者我是否可以设置边框本身的样式并以某种方式使其透明或白色？

更新：

添加代码以供参考。我在 xAxes 和 yAxes 的“刻度”对象中设置字体颜色和大小：

const TYPE = 'horizontalBar';

        let data = {
            labels: ['National', 'Banner Groups'],
            datasets: [{
                backgroundColor: '#fff',
                data: [10, 20]
            }]
        };

        let options = {
            showDatapoints: true,
            scales: {

                maintainAspectRatio: false,
                responsive: true,
                xAxes: [{

                    ticks: {
                        fontColor: '#fff',
            fontSize: 15,
                        beginAtZero: true

                    },
                    gridLines: {
                        display: false
                    }
                }],
                yAxes: [{
                    ticks: {
                        fontColor: '#fff',
                        fontSize: 15,
                        fontStyle: 'bold'
                    },
                    gridLines: {
                        display: false
                    }
                }]
            },

            legend: {
                display: false
            }
        };


        let cf: any = {
            type: TYPE,
            data: data,
            options: options
        };

Answer 1

我在原始问题的第二条评论中尝试了 jsfiddle。在任何浏览器窗口大小下，我都看不到黑色边框。这可能是特定于浏览器的吗？或者甚至是可用的字体？

我尝试过的环境：

• Windows 10 家庭版
  • Firefox 54.0（32 位）
  • 边缘
  • IE 11
  • 谷歌浏览器
• Fedora 24 4.11.6-101.fc24.x86_64
  • Firefox 54.0（64 位）
  • 谷歌浏览器 59.0（64 位）
• Android（三星 Galaxy Prime）
  • 谷歌浏览器

在所有屏幕尺寸下，所有这些看起来都是正确的。