Javascript 谷歌饼图强制呈现;小调;馅饼外的标签

Javascript 谷歌饼图强制呈现;小调;馅饼外的标签,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我已经研究了很多关于谷歌饼图和隐藏切片标签的内容,但是没有发现任何在切片之外有标签的东西,所以我希望有另一种解决方案 我生成了很多不同的图表类型,为了更好的可读性,我定制了饼图(doghnut)图表,这样它们就可以在切片外显示标签,并用线条连接起来。现在,正如在其他问题中看到的那样,如果没有空间放置切片标签,或者如果值太小,google charts将只隐藏切片标签,这对我来说是不可接受的,并且我为什么要将它们显示在应该有足够空间的外部 尽管如此,谷歌图表不喜欢“次要”数据值,只是不显示标签,即

我已经研究了很多关于谷歌饼图和隐藏切片标签的内容,但是没有发现任何在切片之外有标签的东西,所以我希望有另一种解决方案

我生成了很多不同的图表类型,为了更好的可读性,我定制了饼图(doghnut)图表,这样它们就可以在切片外显示标签,并用线条连接起来。现在,正如在其他问题中看到的那样,如果没有空间放置切片标签,或者如果值太小,google charts将只隐藏切片标签,这对我来说是不可接受的,并且我为什么要将它们显示在应该有足够空间的外部

尽管如此,谷歌图表不喜欢“次要”数据值,只是不显示标签,即使
sliceVisibilityThreshold
设置为
0
,还有其他解决方案考虑到以下设置吗?(您应该看到紫色切片的标签“Far”未渲染)

var chartData={
“选择”:{
“传奇”:{
“位置”:“无”
},
“pieHole”:0.5
},
“数据”:[
[
“标签1”,
“标签2”
],
[
“福”,
33059
],
[
“酒吧”,
57893
],
[
“巴兹”,
8135
],
[
“嘘”,
12211
],
[
“远”,
3740
],
[
“法兹”,
7219
]
]
},
ctx=document.getElementById('canvas');
var onLoadGoogle=function(){
var data=新的google.visualization.arrayToDataTable(chartData.data);
var-chart=新的google.visualization['PieChart'](ctx);
var options=chartData.options;
options.legend.position='labeled';
options.text='none';
options.sliceVisibilityThreshold=0;
chart.draw(数据,chartData.options);
}
window.google.load(“可视化”,“1.1”{
软件包:[“corechart”],
回调:onLoadGoogle,
诺克斯:是的
});
#画布{
宽度:600px;
高度:300px;
}

如中所述,
pieStartAngle
选项有助于为某些标签腾出空间,但如果空间不够,则无能为力。这既适用于切片内的默认标签,也适用于您正在使用的带标签图例选项


您还可以尝试使用
textStyle
legend.textStyle
fontSize
选项设置为较小的字体。

因此,除了我的“已建议使用”链接之外,没有其他解决方案。您建议更改fontSize在我的情况下并不是一个可靠的解决方案,因为我动态生成了许多图表,我永远不知道如何调整大小以使其适用于所有图表。实际上,另一个想法是以不同的顺序排列您的项目,以便它们最终位于有足够空间的位置,但由于您的数据是动态的,这将是困难的。还有,你真的需要一张饼图吗?柱形图或条形图可以提供更好的用户体验,使所有条形图得到更平等的对待。我无法控制使用什么样的图表,几乎不可能说服客户不使用饼图;)你找到解决方案了吗?没有,一年前还没有解决方案,但我没有检查他们是否用该插件的never版本修复了它。仍然没有修复:(