Chart.js 雷达海图中网格颜色的变化

如何将灰色网格线更改为其他颜色？ 这是我的代码：

我已经找到了各种关于堆栈溢出的解决方案，例如下面的解决方案，但它不适用于3.0版

---

谢谢

您必须在缩放选项中编辑网格的颜色，如下面的示例所示

var选项={
类型：“雷达”，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,3,5,2,3]，
边框宽度：1
}]
},
选项：{
比例：{
r:{
网格：{
颜色：“红色”
}
}
}
}
}
var ctx=document.getElementById（'chartJSContainer'）.getContext（'2d'）；
新图表（ctx，选项）


        //radar-chart
        const data = {
              labels: [
                'Stick Slip',
                'Whirl',
                'Bit Balling',
                'Bit Bounce',
                'test'
              ],
              datasets: [{
                label: 'My First Dataset',
                data: [0.2, 0.5, 0, 0, 1],
                fill: true,
                backgroundColor: 'rgba(255, 99, 132, 0.2)',
                borderColor: 'rgb(255, 99, 132)',
                pointBackgroundColor: 'rgb(255, 99, 132)',
                pointBorderColor: '#fff',
                pointHoverBackgroundColor: '#fff',
                pointHoverBorderColor: 'rgb(255, 99, 132)'
              },]
            };
            const config = {
                maintainAspectRatio: false,
                elements: {
                    line: {
                        borderWidth: 3,
                    }
                },
                scales: {
                    r: {
                        suggestedMin: 0,
                        suggestedMax: 1,
                        angleLines: {
                        color: 'red'
                        }
                    },
                },
            }
            var ctx = document.getElementById('radar-chart-dysfunctions');
            var myRadarChart = new Chart(ctx, {
                type: 'radar',
                data: data,
                options: config,
            });