Как сделать плавное появление графика?

Question

[Trofim Ludaedov]

Как сделать плавное появление графика? У меня есть график донет(бублик) и график полоска, как сделать чтобы полоска "заполнялась с нуля до ста" и похожим образом с бубликом?

Answer 1

[Dimonchik]

кодом, все кодом

показывай что хочешь

Answer 2

[Trofim Ludaedov]

let data;
let chart;
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',
'width':'100%',
'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);
}

как сделать анимацию 'заполнения' именно такая анимация в оболочке от xiaomi когда смотришь как у тебя тратилась батарея(соре за много букв)