Question

免责声明：我是初学者。

使用Chart.js我正在绘制雷达图表，我遇到了选项问题。在Chart.js文档中，有一个table指定了列出angleLines和pointLabels的比例。它们有许多选项，也在文档中列出。在下面的代码设置中，angleLines的lineWidth有效，而pointLabel的fontSize则没有。 This leads to this.将pointLabel选项fontColor设置为红色也没有做任何事情，所以我假设问题是我如何使用pointLabel。

代码：

var dayData = {
        labels: dayDayRawdata,
        datasets:[{ 
            label: 'Total Votes',
            data:dayTotalRawdata,
            backgroundColor: 'rgba(102, 153, 255,0.2)',
            borderColor: 'rgba(102, 153, 255,1)'
        },{
            label: 'Yes Votes',
            data:dayYesRawdata,
            backgroundColor: 'rgba(0,204,102,0.2)',
            borderColor: 'rgba(0,204,102,1)'
        },{
            label: 'No Votes',
            data: dayNoRawdata,
            backgroundColor: 'rgba(255, 102, 102,0.2)',
            borderColor: 'rgba(255, 102, 102,1)'
        }]
    };


var radarOptions = {

    title: {
        display: true,
        text: 'Custom Chart Title'
    },

    scale: {
        angleLines:{
            lineWidth: 5
        },
        pointLabel:{
            fontSize: 20,
            fontColor: 'ff0000'
        },

    }


};  

var dayChart = new Chart(dayPlotEl, {type:"radar", data: dayData, options: radarOptions});

任何帮助将不胜感激。具体问题：

pointLabel是指边缘或雷达周围的标签吗？

提前致谢

Answer 1

只是一个拼写错误：pointLabels而不是pointLabel

scale: {
        angleLines:{
            lineWidth: 5
        },
        pointLabels:{
            fontSize: 20,
            fontColor: 'ff0000'
        },
 }

fiddle example

chart.js雷达pointLabel选项不起作用

1 个答案: