How to make a graph appear smoothly?

Question

Google

How to make a graph appear smoothly? I have a donut (donut) chart and a strip chart, how can I make the bar "fill from zero to one hundred" and similarly with a donut?

Answer 1

code, all the code
show what you want

Answer 2

letdata;
letchart;
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Mushrooms', 3],
['Onions', 1],
['Olives', 1],
['Zucchini', 1],
['Pepperoni', 2]
]);
let options = {'title':'How Much Pizza I Ate Last Night',
'height':'500'};
chart = new google.visualization.PieChart(document.getElementById('root'));
google.visualization.events.addListener(chart, 'select', selectHandler);
chart.draw(data, options);
}
function selectHandler() {
let selectedItem = chart.getSelection()[0];
let value = data.getValue(selectedItem.row, 0);
alert('The user selected' + value);
}
how to make a 'filling' animation just such an animation in the shell from xiaomi when you look at how your battery was wasted (sorry for a lot of letters)