chart.js雷達pointLabel選項不起作用

聲明：我是一個初學者。chart.js雷達pointLabel選項不起作用

使用Chart.js我正在繪製雷達圖表，並且遇到選項有問題。在Chart.js文檔中，有一個table指定列出angleLines和pointLabels的比例。這些有許多選項，也在文檔中列出。在以下代碼中，設置angleLine的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});

任何幫助，將不勝感激。具體問題：

pointLabels是指邊緣或雷達周圍的標籤？

在此先感謝

來源

2016-06-08 matthewwbuckley

只是一個錯字：pointLabels不pointLabel

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

fiddle example

來源

2016-06-08 15:01:57 Quince

很高興我補充說，免責聲明。非常感謝Quince。如果不適合你，本來會刮掉整個圖表。 – matthewwbuckley

chart.js雷達pointLabel選項不起作用

回答

相關問題