在變化寬度上繪製圖表不需要的小數

我使用的是基於用戶選擇的值顯示圖形的谷歌圖表圖表。圖表在x軸上顯示年份並在y軸上顯示價格。在變化寬度上繪製圖表不需要的小數

問題是如果圖形寬度很小，它會正確顯示值。例如，如果我設置寬度爲

<div id="placeholder" style="width:500px;height:300px"></div>

但如果圖形寬度，就像在x軸

<div id="placeholder" style="width:650px;height:300px"></div>

圖形顯示不希望的零增加例如

Insted of 2010 it shows 2010.0 
Insted of 2011 it shows 2011.0 
Insted of 2012 it shows 2012.0

只想擺脫這些不需要的零。谷歌根本沒有幫我，我完全不知道這個愚蠢的行爲。

來源

2012-07-28 Leo

通過the doco查看，您可能想要嘗試設置tickDecimals或爲xaxis選項設置tickFormatter。

來源

2012-07-28 05:11:30

我想這是你所談論的 'tickFormatter：（FN：數量，對象 - >字符串）或string' 'tickDecimals：零或number' 那麼我應該如何設置它們以確保正如在數據庫中我有基於一年的季度的值，所以如果我想顯示一個僅2001年的圖表，它可能會顯示在X軸上 '2001 2001.25 2001.5 2001.75' 如果我想顯示2001年和2002年在X軸上的圖表，它可能會顯示如 '2001 2001.5 2002 2002.5' 如果我想顯示2001,2002,2003和2004年的圖表，然後在X軸上顯示 '2001 2002 2003 2004 2004' – Leo 2012-07-28 05:38:56

tickformatter獲取軸對象。從那裏你可以檢查最大和最小。如果最大值和最小值是相同的，請執行宿舍。如果他們相距1年，那就做一半。等等。或者，如果你提前知道您展示的季度，半或整體而，設置帶部分手動蜱軸時間 - 您的指定'滴答：2001，2002，等]' – 2012-07-28 05:46:34

你使用0.7還是來自Github的主分支？這聽起來像是最近在主分支上修復的錯誤。

來源

2012-07-28 12:49:28 DNS

我也有這個問題。我可以很容易地解決這個問題是這樣的：

xaxis: 
{     
    tickDecimals: 0 
}

來源

2013-02-21 16:56:08 Reece

接受的回答，請... – Kehlan 2014-08-05 20:15:55

刪除所有小數時，我有這個工作，但我只是想1，2，3，等等，我已經受夠嗆浮動（即'3.12000000000001'當我問兩位小數）。在這些情況下，最好使用'tickFormatter'和你自己的四捨五入功能。 – 2015-11-04 17:28:26

在變化寬度上繪製圖表不需要的小數

回答

相關問題