0

免责声明：我是初学者。

使用 Chart.js，我正在绘制雷达图，但选项有问题。在 Chart.js 文档中，有一个表格指定了标度，其中列出了角度线和点标签。这些有许多选项，也在文档中列出。在以下代码中，设置 angleLines 的 lineWidth 有效，而设置 pointLabel 的 fontSize 无效。这导致了这一点。将 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});

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

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

提前致谢

4

1 回答 1

3

只是一个错字：pointLabels不是pointLabel

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

小提琴示例

于 2016-06-08T15:01:57.450 回答