2015-11-04 45 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