ustawiona minimalna wielkość kroku w wykres js

Question

Używam Chart.js 2.0 Wersja do rysowania wykresów, chcę definiować minimalną wielkość skoku w wykresie słupkowym

var myNewChart = new Chart(grapharea, { 
       type: 'bar', 
       data: barData, 
       options: { 
        responsive: true,       
        scales: { 
         yAxes: [ 
          { 
           ticks: { 
            min: 0, // it is for ignoring negative step. 
            beginAtZero: true, 
            stepSize: 1 // if i use this it always set it '1', which look very awkward if it have high value e.g. '100'. 
           } 
          } 
         ] 
        } 
       } 
      }); 

tym razem używam

stepSize: 1

Używam tego rozmiaru kroku do zignoruj ​​wartość punktową np. "0,5", pokazuje, kiedy maksymalne wartości wykresu id są mniejsze, np. "2".
jeśli to używam, zawsze ustaw krok "1", który wygląda bardzo niezręcznie, jeśli ma wysoką wartość np. "100".

szukam czegoś takiego: suggestedMin = 1

Czy jest jakaś rzecz do zdefiniowania Thie minimalną wielkość kroku, który nie powinien być ustalany w przypadku wyższych wartości.

Answer 1

Jeśli nie chcesz pokazywać etykiet z wartościami punktowymi (na przykład 0,5), możesz napisać funkcję zwrotną, aby odfiltrować etykiety wartości punktowych, zamiast używać parametru stepSize.

Jak to:

ticks: { 
    min: 0, // it is for ignoring negative step. 
    beginAtZero: true, 
    callback: function(value, index, values) { 
     if (Math.floor(value) === value) { 
      return value; 
     } 
    } 
} 

Praca skrzypce tutaj: https://jsfiddle.net/ma7h611L/