Bỏ qua dấu thập phân trên trục y trong biểu đồJS

Question

Tôi đang sử dụng thư viện this để vẽ biểu đồ trong ứng dụng web của mình. Vấn đề là tôi có dấu thập phân trong trục y của tôi. Bạn có thể thấy điều đó trong hình ảnh bên dưới

Có cách nào để hạn chế chỉ có số không?

Đây là mã của tôi

var matches = $("#matches").get(0).getContext("2d"); 

var data = { 
     labels: labelsFromCurrentDateTillLastWeek, 
     datasets: [ 
      { 
       label: "Last Weeks Matches", 
       fillColor: "rgba(220,220,220,0.2)", 
       strokeColor: "rgba(220,220,220,1)", 
       pointColor: "rgba(220,220,220,1)", 
       pointStrokeColor: "#fff", 
       pointHighlightFill: "#fff", 
       pointHighlightStroke: "rgba(220,220,220,1)", 
       data: result 
      } 
     ] 
    }; 

    var options = { 
     scaleLabel: function (label) { 
      return Math.round(label.value); 
     } 
    }; 

    var myLineChart = new Chart(matches, { 
     type: 'bar', 
     data: data, 
     options: options 

    }) 

Answer 1

trong chartjs 2.x bạn có thể vượt qua một lựa chọn cho một userCallback đến lĩnh vực yaxis đánh dấu. Trong này, bạn có thể kiểm tra nếu nhãn là một số nguyên

đây là một ví dụ

options = { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero: true, 
       userCallback: function(label, index, labels) { 
        // when the floored value is the same as the value we have a whole number 
        if (Math.floor(label) === label) { 
         return label; 
        } 

       }, 
      } 
     }], 
    }, 
} 

fiddle example

Answer 2

lựa chọn khác là sử dụng tùy chọn fixedStepSize như sau:

options = { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       fixedStepSize: 1 
      } 
     }], 
    }, 
};