Google charts переотрисовать по событию?

Добрый вечер. Подскажите, есть график google charts, который располагается внутри слайда, кто ни будь сталкивался как его можно переотрисовывать, когда открывается слайд с графиком, чтобы он с анимацией внутри слайда отрисовался.
Думаю как вариант повесить на событие слайда его, а вот как его переотрисовать на странице, не понятно.
Буду благодарен если кто подскажет.

Сам код графика:
google.charts.load('current', {packages: ['corechart', 'bar']});
	google.charts.setOnLoadCallback(drawColColors);

	function drawColColors() {
	    
	     var data_16 = google.visualization.arrayToDataTable([
	        ['Сумма', 'Экономия', { role: 'style' }, { role: 'annotation' } ],
	         ['1 месяц', 13325, '#ffff00', '13 325'], 
	         ['2 месяц', 26650, '#ffff00', '26 650'],           
	         ['3 месяц', 39975, '#ffff00', '39 975'],
	         ['4 месяц', 53300, '#ffff00', '53 300'],
	    ]);
	    
	var options = {
	         legend: 'none',
			 bar: {groupWidth: "90%"},
			 width: '100%',
			 height: '175',
			 chartArea:{
			    top: 0,
			    bottom: 0,
			    width: '100%',
			    height: '100',
			},
			 annotations: {
				alwaysOutside: false,
				textStyle: {
				  fontSize: 16,
				  bold: true
				}
			},
	        animation: {
	               "startup": true,
	               duration: 3000,
	               easing: 'out'
	         },
	         backgroundColor: { fill:'transparent' },
			 
			 vAxis: {
			 	textPosition: 'none',
			    gridlines: {
			        color: 'transparent'
			    }
			 },
			 hAxis: {
			    textPosition: 'none'			 	
			 }
	    };

	    var chart_16 = new google.visualization.ColumnChart(document.getElementById('auto_16'));
	    chart_16.draw(data_16,options);
  • Вопрос задан
  • 24 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы