Google Diagramm Spaltenleiste Animation funktioniert nicht

Ich versuche, eine Spaltenleiste mit Animation zu erstellen, aber es funktioniert nicht für mich. Ich habe einen Plunker erstellt, um das Problem zu demonstrieren.Google Diagramm Spaltenleiste Animation funktioniert nicht

Was mache ich falsch?

Go to Plunker

Hier können Sie vorher den Code von meinem Beispiel sehen:

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]*" data-semver="2.0.0" src="https://code.angularjs.org/2.0.0-beta.6/angular2.min.js"></script> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    <script> 

     // Load the Visualization API and the corechart package. 
     google.charts.load('current', {'packages':['corechart']}); 

     // Set a callback to run when the Google Visualization API is loaded. 
     google.charts.setOnLoadCallback(drawChart); 

     function drawChart(){ 
     var options = { 
      width: 600, 
      height: 400, 
      bar: { groupWidth: "95%" }, 
      animation: { 
       //startup: true, 
       duration: 2500, 
       easing: 'out', 
      }, 
      vAxis: { title: "Espectadores", minValue: 0, maxValue: 1000 }, 
      hAxis: {title: "Pelicula"}, 
     }; 

     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'N'); 
     data.addColumn('number', 'Value'); 
     data.addColumn('number', 'id'); 

     data.addRow(['El Padrino', 1000, 100]); 
     data.addRow(['StarWars', 543, 100]); 
     data.addRow(['Superman', 789, 100]); 
     data.addRow(['Alien', 850, 100]); 
     data.addRow(['El Padrino', 1000, 100]); 
     data.addRow(['StarWars', 543, 100]); 
     data.addRow(['Superman', 789, 100]); 
     data.addRow(['Alien', 850, 100]); 

     var view = new google.visualization.DataView(data); 
     view.setColumns([0, 1, 
       { 
        calc: "stringify", 
        sourceColumn: 1, 
        type: "string", 
        role: "annotation" 
       }]); 

     var chart = new google.visualization.ColumnChart(document.getElementById("test")); 
     chart.draw(view, options); 
     } 
    </script>  
    </head> 
    <body> 
    <h1>Hello Plunker!</h1> 
    <div id = "test"></div> 
</body> 

</html>

Quelle

2016-04-15 José Carlos

Es ist ein Problem mit der 'current' Version.

Version '43' scheint zu funktionieren.

google.charts.load('43', {'packages':['corechart']});

Check it out ->Go to Plunker

Quelle

2016-04-17 01:03:13 WhiteHat

Uooooh !!!! Es klappt!!! Vielen Dank @WhiteHat !!! –

Google Diagramm Spaltenleiste Animation funktioniert nicht

Antwort

Verwandte Themen