Анимация диаграммы столбца материала не работает - PullRequest
Новая
       12

Анимация диаграммы столбца материала не работает

0 голосов
/ 29 марта 2019

Я создаю отчеты, используя таблицы столбцов материалов, и пытался создать эффект анимации при рендеринге на странице, поэтому я использовал свойство анимации, как указано в документации. Я построил столбчатую диаграмму и применил свойство анимации, которое работало нормально и использовало то же свойство для этой диаграммы, но оно не отображается должным образом. 

google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

     function countProperties(obj) {
      var count = 0;
      for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
          ++count;
      }
      return count;
    }

    var data1 = new google.visualization.DataTable();

     data1.addColumn('string', 'Course Name');
     data1.addColumn('number', 'Total Activities');
     data1.addColumn('number', 'In progress Activities');
     data1.addColumn('number', 'Completed Activities');
     data1.addRows(countProperties(user_course_details));
          var i=0;
     for (var key in user_course_details) {
      if (user_course_details.hasOwnProperty(key)) {

          var val = user_course_details[key];

           data1.setCell(i,0,val.fullname);
           data1.setCell(i,1,val.activitiescount);
           data1.setCell(i,2,val.activitiescount - val.activitiescompletedcount);
           data1.setCell(i,3,val.activitiescompletedcount);
           i++;
        }
      }

    var options = {

      animation:{
      duration: 1000,
      easing: 'in',
      startup: true
  },

      chart: {
        title: 'Activities Overview',      
      },
      bar: {groupWidth: "25%"},
    };

    var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

    chart.draw(data1, google.charts.Bar.convertOptions(options));
  }

В приведенном выше коде я ожидаю, что столбчатая диаграмма будет отображаться с анимацией, поэтому я добавил свойство анимации в параметры диаграмм, но оно работает не так, как ожидалось. Заранее спасибо. Если я что-то пропустил, сообщите мне, я пытаюсь ознакомиться с API визуализации Google.

...