Javascript Google饼图更改文本对齐方式

Javascript Google饼图更改文本对齐方式,javascript,charts,google-visualization,google-pie-chart,Javascript,Charts,Google Visualization,Google Pie Chart,这是我的报告 如何逐个更改底部值而不是滚动 var options = { legend:'bottom', is3D: true } 为了允许图例上有多行, 您必须使用图例位置-->'top' 然后可以增加-->maxLines legend: { position: 'top', maxLines: 3 }, 从 legend.maxLines-图例中的最大行数。将此值设置为大于1

这是我的报告

如何逐个更改底部值而不是滚动

 var options = {
                legend:'bottom',
                is3D: true
                }

为了允许图例上有多行,
您必须使用图例位置-->
'top'

然后可以增加-->
maxLines

legend: {
  position: 'top',
  maxLines: 3
},

legend.maxLines
-图例中的最大行数。将此值设置为大于1的数字,以向图例中添加线条。此选项仅在
图例.位置
顶部
时有效

请参阅以下工作片段

google.charts.load('current'{
包:['corechart','table']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['category','value'],
[‘第1类’,34],
[‘第2类’,18.7],
[‘第3类’,18.6],
[‘第4类’,18.6],
[“第5类”,第10类]
]);
var pie=new google.visualization.PieChart(document.getElementById('chart-pie');
绘制饼图(数据、{
图例:{
位置:'顶部',
最大行数:3
},
身高:400,
is3D:是的,
宽度:400
});
});


如何逐个对齐底部,如上图左3和右2所示。如何一个接一个地对齐底部。谢谢@白色当与底部对齐时,图例只能有一行,而不是与顶部对齐时的多行。因此,图表必须足够宽,以便为所有标签留出空间。您还可以减小图例的字体大小以创建更多的空间。