2015-09-28 46 views
1

我想创建一个Google Pie ChartGoogle PieChart - 在创作时添加动画

我想要的是在页面第一次加载时创建图表的幻想动画。我曾经尝试这样做是:

<html> 
<head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 

    <script type="text/javascript"> 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() 
    { 
     var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['Work',  11], 
     ['Eat',  2], 
     ['Commute', 2], 
     ['Watch TV', 2], 
     ['Sleep', 7] 
     ]); 

     var options = { 
     title: 'My Daily Activities', 
     is3D: true, 
     animation: 
      { 
      duration: 1000, 
      easing: 'in', 
      } 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); 
     chart.draw(data, options); 
    } 
    </script> 
</head> 
<body> 
<div id="piechart_3d" style="width: 900px; height: 500px;"></div> 
</body> 
</html> 

更具体地说,它是:

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

但它无法正常工作。

任何人都可以帮助我吗?

回答