Chart JS雷达图文字大小修改无效，如何正确设置？

你当前的代码只配置了图例（legend）的字体大小，但雷达图周围的文字是径向轴的点标签，需要在scales配置项里设置才会生效：

修正后的代码 #

var marksCanvas = document.getElementById("marksChart");

var marksData = {
    labels: ["HTML 5", "CSS 3", "FLUTTER", "PYTHON", "JS", "DART", "React", "ThreeJS"],
    datasets: [{
        label: "MY SKILLS",
        backgroundColor: "rgba(30,30,32,0.4)",
        data: [90, 80, 60, 75, 60, 35, 55, 37]
      },
    ],
    options: {
        // 若需要调整图例字体，保留原配置；若不需要可移除
        plugins: {
            legend: {
                labels: {
                    font: {
                        size: 16 // 这里是图例文字的大小，按需调整
                    }
                }
            }
        },
        // 新增：配置雷达图径向轴的点标签字体大小
        scales: {
            r: {
                pointLabels: {
                    font: {
                        size: 18 // 调整这个值来改变轴标签的字体大小
                    }
                }
            }
        }
    }
};

关键说明 #

• 雷达图的轴标签属于径向轴（r轴）的pointLabels配置，必须在scales.r.pointLabels下设置font.size才会生效。
• 你之前的plugins.legend.labels.font.size是控制图例（比如"MY SKILLS"这个文字）的大小，和轴标签无关。

内容的提问来源于stack exchange，提问作者Camom1lle