Chartjs Radar - 更改端點標簽的顏色

Question

我需要更改圖表上每個點顯示的標簽的顏色，我嘗試了許多不同的東西，但根本沒有任何結果。

圖片

代碼

                    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 但沒有運氣，我似乎找不到任何關於它的東西

Answer 1

options:{
  scale:{
    pointLabels:{
       fontColor:"red",
    },
}

理論上，如果我們遵循線性徑向軸的文檔，這應該是您應該使用的配置

該文檔適用於 2.7.2 版，因此我不確定它是否適用於您的版本，或者在舊版本中是否會有所不同。

Answer 2

options: {
        scales: {
            r: {
          
                pointLabels:{
                    color: 'rgb(54, 162, 235)',
                },

            },
}

我不知道您使用的是什么版本，但當前配置對我有用。 在此處輸入圖像描述