Benutzerdefinierte Datenskala zu Chart.js hinzufügen

Question

Ich verwende ein einfaches Diagramm in Chart.js - Ich würde gerne wissen, ob es möglich wäre, eine benutzerdefinierte Skala auf meiner Achse zu verwenden, also zum Beispiel möchte ich Meine Datenpunkte werden auf einer 0-10 Datenskala dargestellt. Ist das möglich?

<canvas id="myChart" width="150" height="150"></canvas> 
<script> 
var ctx = document.getElementById("myChart"); 
var myChart = new Chart(ctx, { 
    type: 'radar', 
    data: { 
     labels: ["Staying well", "Looking after yourself", "Where you live", "Feeling safe and being listened to", "Making decisions and managing money", "How you feel"], 

     datasets: [{ 
      label: "Careplan", 
      backgroundColor: "rgba(179,181,198,0.2)", 
      borderColor: "rgba(179,181,198,1)", 
      pointBackgroundColor: "rgba(179,181,198,1)", 
      pointBorderColor: "#fff", 
      pointHoverBackgroundColor: "#fff", 
      pointHoverBorderColor: "rgba(179,181,198,1)", 
      data: [5, 8, 9, 4, 6, 6, 5] 
     }] 
    }, 
}); 
</script> 

Answer 1

überprüfen meine Frage und Antwort HERE

Sie benötigen die scaleSteps, scaleStepWidth und scaleStartValue einzustellen. In dem obigen Beispiel ist:

scaleSteps: 4, 
scaleStepWidth: 5, 
scaleStartValue: 0 

, die zu einer Gesamtmenge von 20 mit 4 Zeilen durch zugegeben. Sie können mit diesen Werten spielen, um den gewünschten Effekt zu erzielen.