Chart.js에서 축척 번호의 형식을 지정하는 방법 v2

Question

우선, 내 질문이 다른 질문과 약간 같은 경우 사과드립니다. 나는 솔루션을 찾고 3 가지 유사한 질문을 발견했다. 그러나 예제에서는 Chart.js v1을 사용했기 때문에 내 경우에는 아무 것도 작동하지 않았다.

var options = { 
    animation: false, 
    scaleLabel: function(label){ 
     return '$' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
    } 
}; 

위의 코드는, 그러나, 새로운 Chart.js v2를에서 더 이상 작동하지 않습니다

난 그냥이 같은 수치를 포맷 할 경우 scaleLabel에 배치 기능을 사용하여 샘플을 보았다.

Chart.js v2에서 눈금 수를 어떻게 포맷 할 수 있습니까? 옵션 구성을 추가 할 때, 당신이 바로 그 부분에서 설정을 둥지 확인해야 https://jsfiddle.net/2n7xc7j7/

Answer 1

:

여기 내 코드입니다.

options = { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       callback: function(value) { 
        return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
       } 
      } 
     }] 
    } 
}; 

JSFiddle 데모 : https://jsfiddle.net/2n7xc7j7/1/

Answer 2

나는이 한 : 나는 희망

http://profwtelles.ddns.net/grafico2.html

var canvas = document.getElementById('chart'); 
    new Chart(canvas, { 
     type: 'line', 
     data: { 
      labels: ['1', '2', '3', '4', '5'], 
      datasets: [{ 
       label: 'A', 
       yAxisID: 'A', 
       data: [100, 96, 84, 76, 69] 
      }, { 
       label: 'B', 
       yAxisID: 'B', 
       data: [1, 1, 1, 1, 0] 
      }] 
     }, 
     options: { 
      scales: { 
       yAxes: [{ 
        id: 'A', 
        type: 'linear', 
        position: 'left', 
       }, { 
        id: 'B', 
        type: 'linear', 
        position: 'right', 
        ticks: { 
         max: 1, 
         min: 0 
        } 
       }] 
      } 
     } 
    }); 

을 당신은 yAxesticks configuration 섹션에 callback 기능을 추가하여 규모의 번호를 포맷 할 수 있습니다 너를 돕기 위해. 최고 감사합니다.