設置最小步長大小在圖表JS

Question

我使用Chart.js 2.0版來繪製曲線圖，我想在條形圖定義最小步長大小

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'. 
           } 
          } 
         ] 
        } 
       } 
      }); 

此時我使用

stepSize：1

我正在使用此步長來忽略點值例如'0.5'，它顯示何時最大圖值小於例如'2'。
如果我使用它，它總是將步驟設置爲'1'，如果它具有高值，例如，它看起來非常尷尬。 '100'。

我要尋找這樣的事： suggestedMin = 1

有什麼東西來定義thie最小步長不應該被固定在高值的情況。

Answer 1

如果您不想顯示點值（例如0.5）標籤，則可以編寫回調函數來過濾點值標籤而不是使用stepSize。

像這樣：

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

工作小提琴這裏：https://jsfiddle.net/ma7h611L/