2014-04-10 56 views
0

我使用Google圖表在我的網頁上顯示面積圖表。但由於其性質,第一個hAxis標籤顯示在第一個vAxis標籤附近(請參閱the docs - 2013中的示例接近0)。如果您將圖表類型更改爲LineChart,則不存在此類問題(請參閱其他Google文檔example)。如何隱藏AreaChart中的第一個hAxis標籤?

有什麼辦法可以隱藏第一個hAxis標籤(可能是最後一個)嗎?我試圖玩slantedText - 仍然看起來不太好。因爲計數總是從第一個元素開始,所以showTextEvery沒有幫助。

見我圖的外觀與LineChart類型: linechart

AreaChart類型: areachart

UPD。我可以將vAxis更改爲continuous類型(1, 2, 3, 4)。然後,我可以控制顯示的內容,以及ticks的內容。它甚至可以幫助我出示適當標籤:

hAxis: {format: '#', ticks: [{v:2, f:"17.03-23.03"},{v:3, f:"24.03-30.03"}]}, 

唯一的問題仍然是帶氣泡提示 - 它仍然顯示像12等我試着column roles發揮價值,但沒有運氣。

回答

2

你在這些實施例看到的是圖表之間的差連續('number''date''datetime',和「timeofday'數據類型)和離散('string'類型)之間的差值軸,而不是。

根據你的問題的性質,我認爲你有一個連續的軸類型。在這種情況下,可以告訴哪些值經由hAxis.ticks選項以使用用於軸的刻度線的圖表:

hAxis: { 
    ticks: [1, 2, 3, 4, 5] 
} 

hAxis.ticks花費值或對象的陣列。價值觀是點放置在刻度線,對象有vf特性,其中v是將刻度線的值,f是在這一點上使用標籤,例如:

hAxis: { 
    ticks: [{v: 1, f: 'label for tick mark at 1'}] 
} 
+0

我hAxis是離散和vAxis是連續的。實際上,我只是改變了圖表類型,它幫助我在左側和右側添加了額外的空間,我已經用圖像更新了這個問題。 –

+0

我已根據您的答案更新我的問題。現在問題在於工具提示 - 如何在那裏顯示正確的('f')標籤。 –

+1

將數據添加到DataTable中時,使用相同的對象格式(值爲'v',格式值爲'f')輸入這些數據點的數據,它們將在工具提示中正確顯示。 – asgallant