2012-07-25 1 views
18

.d3.js 및 예 정수 대신 수레로 Y 축 눈금 라벨 툴팁 라벨 포맷을 시도 <a href="http://nvd3.com/ghpages/stackedArea.html">http://nvd3.com/ghpages/stackedArea.html</a></p> <p>된 바와 같이 적층 된 영역 차트 사용 nvd3.js 축 라벨 정밀도 포맷

chart.yAxis 
     .axisLabel('Users') 
     .tickFormat(d3.format(',.0d')); 

정밀도

chart.yAxis 
     .axisLabel('Users') 
     .tickFormat(d3.format(',.2f')); 

에서 후속 코드를 변경하려하는 것은 변함 (여전히 1/100 위치 값을 나타낸다). 나는 Github Wiki를 아무런 쓸모없이 따라 갔다. https://github.com/mbostock/d3/wiki/Formatting#wiki-d3_format

어떤 제안이나 암시도 주시면 감사하겠습니다.

답변

22

현재 this isn't supported by nvd3처럼 보입니다. 기분을 상하게하는 line을 참조하십시오.

또한 형식 지정이 올바르지 않습니다. 설명서에서 언급했듯이 "d"은 정수가 아닌 값을 무시합니다.

  • , : 수천 쉼표를 사용하여 구분합니다 그래서 당신은 아마 의미, 대신 ",.0f"를 원한다.
  • .0 : 정밀도 (0 정확함의 의미는 유형이 사용 중인지 여부에 달려 있음).
  • f : 유형; 이 경우 Number.toFixed 즉, 고정 소수점 수 (정밀도)가 소수점 뒤에 표시되고 필요에 따라 숫자가 반올림됨을 의미합니다.
+0

답장과 서식에 대한 개요를 보내 주셔서 감사합니다! – Viet

+2

다른 사람들이 유용하다고 생각해야합니다. 여기에 d3 포매터에 대한 예제가있는 작은 자습서가 있습니다. http://koananing.github.io/html/d3format.html – cantdutchthis

4

메서드의 .tickFormat 메서드는 올바르게 업데이트하지 않습니다. 이것은 제가 사용했던 주위의 작업입니다 :

 chart.yAxisTickFormat(d3.format(',.0d')); 
4

이 중 하나는 float에서 정수로 레이블 텍스트의 형식을 지정할 수 있습니다. 파이 차트

:이

.axisLabel('%').tickFormat(function(d) { return parseFloat(d).toFixed(1) + "%"; }); 

그 나야과 결과를 얻고 위해 일처럼 시도

chart.yAxisTickFormat(d3.format(',.0d')); 
1

: 라인 차트

chart.pie.valueFormat(d3.format(',.0d'));

소수점 및 백분율.