2016-08-31 11 views
6

Używam chartjs.org 2.2.1 i mam wykres radarowy, który ma wartości od 1..5. Chcę ustawić wartość minimalną na 0, a na maksimum na wartość 5 z krokiem 1.Ustaw min, max i liczbę kroków na wykresie radarowym.js

Wydawało się, że odpowiedź na to pytanie brzmi dokładnie tutaj: SO post. Jednak moje wykresy wciąż mają dziwną skalę, a nie tę, którą zdefiniowałem zgodnie z poniższym kodem.

Czy ktoś może zobaczyć, co robię źle tutaj?

var options = { 
     responsive: false, 
     maintainAspectRatio: true 
    }; 

    var dataLiteracy = { 
     labels: [ 
      @PointLabel("Literacy", 1), @PointLabel("Literacy", 2), @PointLabel("Literacy", 3), 
      @PointLabel("Literacy", 4), @PointLabel("Literacy", 5) 
     ], 
     datasets: [ 
      { 
       label: "Literacy", 
       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: [ 
        @PointValue("Literacy", 1), @PointValue("Literacy", 2), @PointValue("Literacy", 3), 
        @PointValue("Literacy", 4), @PointValue("Literacy", 5) 
       ] 
      } 
     ] 
    }; 

    var ctx = $("#chartLiteracy"); 
    var myRadarChart = new Chart(ctx, 
    { 
     type: 'radar', 
     data: dataLiteracy, 
     options: options, 
     scaleOverride: true, 
     scaleSteps: 5, 
     scaleStepWidth: 1, 
     scaleStartValue: 0 
    }); 

Odpowiedz

13

Masz rację, ale tylko wtedy, gdy używasz Chart.js v1.x.

Opcje kliknięć zmieniły się w v2.x (ten, którego używasz).


Jeśli chcesz edytować radar kleszczy, trzeba będzie edytować atrybut ticks w opcji wykresu:

var options = { 
    scale: { 
     ticks: { 
      // changes here 
     } 
    } 
}; 

Od czego potrzebujesz (MAK skala od 0 do 5), można albo :

  • ustawić atrybut beginAtZero true i max do 5
  • ustawić atrybut min 0 i max do 5

Wynik to here.