ChartJS를 사용하여 Y 축에 달러 기호

Question

Chart.js 차트의 Y 축 레이블은 돈의 가치이기 때문에 앞에 달러 기호가 있어야합니다.

이 코드는 문서이지만 나를위한 기능은 없습니다.

var chart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     scales: { 
      yAxes: [{ 
       ticks: { 
        // Include a dollar sign in the ticks 
        callback: function(value, index, values) { 
         return '$' + value; 
        } 
       } 
      }] 
     } 
    } 
}); 

내 결과는 다음과 같습니다. 'Before'는이 코드가 없으면 'after'가 표시됩니다. 분명히 값 앞에 $을 추가하는 것이 아니라 다른 것이 발생하고 있습니다.

어떻게 해결할 수 있습니까?

Answer 1

여기서 문제는 chart.js가 문자열을 반올림하지 않는다는 것입니다.

문자열에 숫자를 추가하면 JavaScript가 자동으로 변환하므로 정밀도를 제어 할 수 없습니다.

당신은 당신의 문제를 해결하기 위해 toFixed를 사용할 수 있습니다

// Define wherever decimals: 
const decimals = 3; 
// ... 
var chart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     scales: { 
      yAxes: [{ 
       ticks: { 
        // Include a dollar sign in the ticks 
        callback: function(value, index, values) { 
         return '$' + value.toFixed(decimals); 
        } 
       } 
      }] 
     } 
    } 
});