我想在 Google 饼图中显示标签和百分比。有什么办法吗?在docs ,我发现可以使用 pieSliceText
选项修改文本。可能的值是:
label
- 显示数据名称(例如 Apples
)
value
- 显示绝对值(例如 7
)
percentage
- 显示百分比值(例如 50%
)
value-and-percentage
- 显示值和百分比(例如 7 (50%)
)
但是有没有像 label-and-percentage
这样的东西来显示像 Apples (50%)
这样的东西?
最佳答案
唯一会同时显示标签和百分比的配置选项是用于图例...
legend: {
position: 'labeled'
},
请参阅以下工作片段...
google.charts.load('current', {
packages: ['corechart']
}).then(function () {
var data = google.visualization.arrayToDataTable([
['Tasks', 'Completed'],
['Morning', 28],
['Afternoon', 43],
['Evening', 80],
['Night', 161]
]);
var options = {
width: 900,
height: 400,
title: 'Tasks Completed',
pieHole: 0.5,
colors: ['#008000', '#ffbf00', '#FF0000','#4E6282'],
pieSliceText: 'value',
sliceVisibilityThreshold :0,
fontSize: 17,
legend: {
position: 'labeled'
},
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
关于javascript - 在 Google 饼图中显示标签和百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53714446/