图表JS 2勾选标签边框

Question

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

有没有办法摆脱这个边界，或者我是否可以设计边框本身并使其透明或白色？

更新

添加代码以供参考。我在＆＃39; ticks＆＃39;中设置字体颜色和大小。 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 Home
  • Firefox 54.0（32位）
  • 边缘
  • IE 11
  • Google Chrome
• Fedora 24 4.11.6-101.fc24.x86_64
  • Firefox 54.0（64位）
  • Google Chrome 59.0（64位）
• Android（三星Galaxy Prime）
  • Google Chrome

在所有屏幕尺寸中，它看起来都是正确的。