如何使用chart.js創建一個y軸爲0到100的雷達圖？

我目前使用Chart.js將我的數據顯示爲雷達圖表。我面臨的問題是，每次向頁面添加數據時，都會將最大值設置爲表中最高值。我需要它爲0的Y軸開始100如何使用chart.js創建一個y軸爲0到100的雷達圖？

我使用chart.js之v 2.1.2

這裏的圖和配置代碼圖表：

myRadar = new Chart(document.getElementById("canvas"), config); 

var config = { 
    type: 'radar', 
    data: radarChartData, 

    options: 
     { 
      responsive: false, 
      maintainAspectRadio: true, 
      legend: { 
      position: 'top', 
      }, 
      title: { 
       display: true, 
       text: 'Radar Chart' 
       }, 
      scale: { 
       reverse: false, 
       ticks: { 
        beginAtZero: true, 
        }, 
       pointLabels: { 
        callback: function (pointLabel) { 
         if (pointLabel.length > 10) 
         return pointLabel.substring(0, 10) + '...'; 
         else 
         return pointLabel 
         } 
        } 

      }, 
      scaleOverride: true, 
      scaleSteps: 5, 
      scaleStepWidth: 20, 
      scaleStartValue: 100, 
      } 
};

來源

2016-10-19 TJS UK

我在2.2.1上測試了這個，不知道他們是否有你的版本的Min/Max。

ticks: { 
    max:100, // Set it to your Max value 
    min: 0, // You can also change the Min 
    beginAtZero: false, // in case you change the Min 
}, // etc

文檔：tick configuration
Codepen：Chart.js Radar Chart

來源

2016-10-20 02:17:14 Keno

謝謝。我有一種感覺，對此必須有一個簡單的迴應。我會看看它是否適用於我的版本，或者只是升級它，並確保它不會崩潰。 –

如何使用chart.js創建一個y軸爲0到100的雷達圖？

回答

相關問題