Я хотел бы показать метку и процент в круговой диаграмме Google. Есть ли способ сделать это? В документах я обнаружил, что можно изменить текст с pieSliceText
параметра 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>
'ready'
графика ...