Đặt kích thước bước tối thiểu trong bảng xếp hạng js

Question

Tôi đang sử dụng Chart.js 2.0 phiên bản để vẽ đồ thị, tôi muốn xác định kích thước bước tối thiểu trong thanh đồ thị

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

thời gian này tôi đang sử dụng

stepSize: 1

tôi đang sử dụng kích thước bước này để bỏ qua giá trị điểm '0.5', nó hiển thị khi giá trị đồ thị tối đa id ít hơn, ví dụ: '2'.
nếu tôi sử dụng tính năng này, nó luôn đặt bước '1', trông rất khó xử nếu nó có giá trị cao, ví dụ: '100'.

Tôi đang tìm kiếm điều như vậy: suggestedMin = 1

Có bất cứ điều gì để xác định kích thước bước tối thiểu thie mà không cần được cố định trong trường hợp giá trị cao hơn.

Answer 1

Nếu bạn không muốn hiển thị giá trị điểm (ví dụ 0.5) nhãn, bạn có thể viết hàm gọi lại để lọc nhãn giá trị điểm thay vì sử dụng stepSize.

Như thế này:

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

fiddle Làm việc ở đây: https://jsfiddle.net/ma7h611L/