chart.js radar pointLabel options not working

Question

Disclaimer: I'm a beginnner.

Using Chart.js I am drawing a radar chart and am having trouble with the options. In the Chart.js documentation there is a table specifying the scale which lists angleLines and pointLabels. These have a number of options, also listed in the documentation. In the following code setting the lineWidth of angleLines works, whereas setting fontSize of pointLabel does not. This leads to this. Setting the pointLabel option fontColor to red also does nothing so I assume the problem is how I am using pointLabel.

Code:

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});

Any help would be appreciated. Specific question:

Is pointLabels refering to the labels around the edge or the radar?

Thanks in advance

Quince Quince · Accepted Answer · 2016-06-08T15:01:57

just a typo: pointLabels not pointLabel

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

fiddle example

chart.js radar pointLabel options not working

1 Answers