통화 문제에 대한 NVD3 - tickFormat

Question

지금 당장 y 축을 통화에 맞게 보이게 만드는 방법을 찾으려고합니다. 다음 사진과 함께이 문제를 알 수 있습니다 상단과 하단 숫자 못생긴 소수점 이하 자릿수를 포함

2. 은 "G"억

의 "B"해야한다

이런 종류의 물건을 청소하려면 어떻게해야합니까? y 축의 현재 코드는 다음과 같습니다.

var commasFormatter = d3.format("1s"); 

chart.yAxis 
    .tickFormat(function(d) { return "$" + commasFormatter(d); }) 
    .axisLabelDistance(10) 
    .axisLabel('Profits')   
    ; 

Answer 1

주위를 둘러 보았을 때 나는 해결책을 찾을 수있었습니다.

.3s을 사용하여 숫자를 3으로 줄이고 예를 들어 M의 접미사를 추가하여 형식에 대한 변수를 썼습니다.

var formatAxis = d3.format('.3s'); 

는 그런 다음 B 너무 대체 .tickFormat에 G을 기능을 넣어.

.tickFormat(function(val) { return formatAxis(val).replace('G', 'B'); })