Chartjs Radar - 更改端点标签的颜色答案

【问题标题】：Chartjs Radar - Change color of end point labelsChartjs Radar - 更改端点标签的颜色
【发布时间】：2018-04-10 20:22:19
【问题描述】：

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

图片

代码

                    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 但没有运气，我似乎找不到任何关于它的东西

【问题讨论】：

标签： javascript charts chart.js

【解决方案1】：

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

理论上，如果我们遵循Linear Radial Axis 的文档，这应该是您应该使用的配置

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

【讨论】：

我用的是 2.7.0 这个版本不行，我会尝试获取最新版本并回复你
@iiiml0sto1 如果您尝试将我的配置按比例缩放会发生什么？老实说，我也一直在努力处理他们的文档
就是这样！ idk 为什么我不能像这样直接设置这个 Chart.defaults.scale.pointLabels.fontColor = "red" 但它反过来工作，非常感谢！ :)
我不确定也不是诚实的！没问题！

【解决方案2】：

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

            },
}

我不知道你使用的是什么版本，但目前的配置适合我。

【讨论】：

不错！它对我有用。我使用的是 3.7.0 版。