2014-10-13 125 views
0

現在我想弄清楚如何讓我的y軸看起來更好的貨幣。您可以注意到兩個問題與下面的圖片:NVD3 - tickFormat貨幣問題

  1. 頂部和底部的數字包括醜陋的小數位數
  2. 的「G」應該是一個「B」爲十億

Line Graph using NVD3

我能做些什麼來清理這種東西。這裏是我目前的代碼爲y軸:

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

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

回答

0

經過一番四處張望,我能夠找出解決方案。

寫了一個格式的變量,例如使用.3s將數字減少到3,並附加一個後綴M

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

然後換上.tickFormat一個功能,以便更換GB

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