2015-11-04 87 views
0

我正在使用Google Charts(圓環類型)在我們的應用程序上顯示數據。我注意到,當標籤不適合餅圖切片時,它不會顯示。我一直在檢查互聯網和他們的文檔,但我找不到一種方法來操縱標籤來包裝文本或顯示所有的時間。
不顯示下面黃色切片的標籤。如何顯示Google Charts中的所有標籤圓環圖

enter image description here

回答

2

它不顯示百分比標籤如果切片小於5%(這個數字取決於您的PI圖表的大小和寬度各不相同,但它是5%,在這個例子中)。

在下圖中,綠色是5%,紫色是4.9%。

enter image description here

以下是關於如何處理這一些想法:

1)將以下選項添加到您的options對象。它將小於5%的所有內容組合到一個將被標記的雜項類別中。

sliceVisibilityThreshold: 0.05, 
pieResidueSliceLabel: "Other", 

enter image description here

2)減小字體大小。它仍然不會顯示不適合的標籤,但它會顯示更多標籤,因爲它可以適合。

pieSliceTextStyle: { 
     color: 'black', 
     fontSize:11 
}, 

enter image description here

3)輸入絕望兩輪牛車的境界和options設置字體大小是微小的,使他們所有的渲染,然後用CSS來製作這些標籤又大。但是,因爲它們不合適,並且因爲間距全部搞砸了,所以它看起來像垃圾。

pieSliceTextStyle: { 
    color: 'black', 
    fontSize:0.5 
}, 

CSS

svg g text{ 
    font-size:11px !important; 
} 

enter image description here

JSFiddle

+0

十分感謝!我不知道低於5%。一定會試試這個。 – JADE