Javascript Chartjs雷达-更改端点标签的颜色

Javascript Chartjs雷达-更改端点标签的颜色,javascript,charts,chart.js,Javascript,Charts,Chart.js,我需要更改图表上每个点显示的标签的颜色,我尝试了许多不同的方法,但没有任何结果 图像 const CHART = document.getElementById("radar_chart"); Chart.defaults.scale.ticks.beginAtZero = true; Chart.defaults.scale.ticks.max = 10;

我需要更改图表上每个点显示的标签的颜色,我尝试了许多不同的方法,但没有任何结果

图像

                    const CHART = document.getElementById("radar_chart");
                    Chart.defaults.scale.ticks.beginAtZero = true;
                    Chart.defaults.scale.ticks.max = 10;
                    Chart.defaults.scale.ticks.display = false;
                    Chart.defaults.scale.ticks.display = false;

                    var radar = new Chart(CHART, {
                        type: 'radar',
                        data: {
                            labels: ["Team", "Potential", "Risk", "Social", "Hype"],
                            datasets: [
                                {
                                    backgroundColor: "#2e4259cc",
                                    borderColor: "#fff",
                                    borderWidth: 3,
                                    pointBorderColor: "#fff",
                                    pointBackgroundColor: "#2e4259",
                                    pointHoverRadius: 5,
                                    data: [3, 5, 9, 5, 8]
                                }
                            ]
                        },
                        options: {
                            legend: {
                                display: false,
                                fontColor: "#fff",
                                labels: {
                                    fontColor: '#fff'
                                }
                            }
                        }
                    });

代码

                    const CHART = document.getElementById("radar_chart");
                    Chart.defaults.scale.ticks.beginAtZero = true;
                    Chart.defaults.scale.ticks.max = 10;
                    Chart.defaults.scale.ticks.display = false;
                    Chart.defaults.scale.ticks.display = false;

                    var radar = new Chart(CHART, {
                        type: 'radar',
                        data: {
                            labels: ["Team", "Potential", "Risk", "Social", "Hype"],
                            datasets: [
                                {
                                    backgroundColor: "#2e4259cc",
                                    borderColor: "#fff",
                                    borderWidth: 3,
                                    pointBorderColor: "#fff",
                                    pointBackgroundColor: "#2e4259",
                                    pointHoverRadius: 5,
                                    data: [3, 5, 9, 5, 8]
                                }
                            ]
                        },
                        options: {
                            legend: {
                                display: false,
                                fontColor: "#fff",
                                labels: {
                                    fontColor: '#fff'
                                }
                            }
                        }
                    });
我最近的努力是改变pointLabelFontColor,但没有运气,我似乎找不到任何关于它的东西

options:{
  scale:{
    pointLabels:{
       fontColor:"red",
    },
}
从理论上讲,如果我们按照文档进行操作,这应该是您应该使用的配置


该文档适用于2.7.2版,因此我不确定它是否适用于您的版本,或者在旧版本中是否会有任何不同。

我使用2.7.0,但它在此版本中不起作用,我将尝试获取最新版本并返回you@iiiml0sto1如果您尝试将我的配置设置为比例,会发生什么?老实说,我一直在努力与他们的文档!idk为什么我不能像下面这样直接设置它。defaults.scale.pointLabels.fontColor=“red”但它却起到了相反的作用,非常感谢!)老实说,我也不确定!没问题!