Когда я создаю Google Donut Chart, используя следующий html код
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 50],
['Eat', 50],
['Commute', 5],
]);
var options = {
title: 'My Daily Activities',
pieHole: 0.63,
enableInteractivity: false,
chartArea: {left: 5, right: 5, top: 5, bottom: 5, width: "100%", height: "100%"},
tooltip: {trigger: 'none'},
sliceVisibilityThreshold: 0,
pieSliceBorderColor: "#FFBE33",
slices: {
0: {
color: '#FFBE33',
textStyle: {bold: false, fontSize: 12, color: 'white'}
},
1: {
color: 'blue',
textStyle: {bold: false, fontSize: 12, color: 'white'}
},
2: {
color: 'black',
textStyle: {bold: false, fontSize: 12, color: 'white'}
}
}
};
var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
chart.draw(data, options);
}
, он выдает следующий результат:
![donut chart with <5 value](https://i.stack.imgur.com/tQks7.png)
, когда я дать значение <5, это не показывает процентное значение на диаграмме пончик. Но когда я даю значение> 5, это означает, что он показывает правильно.
5 value">
как я могу отобразить процентное значение снаружи или внутри кольцевой диаграммы, как это?
![Expected Donut chart](https://i.stack.imgur.com/x7cAZ.png)