Javascript Google PieChart-在创作中添加动画_Javascript_Charts_Google Visualization

Javascript Google PieChart-在创作中添加动画

javascript charts google-visualization

Javascript Google PieChart-在创作中添加动画,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我想创建一个我想要的是在页面第一次加载时创建图表时有一个奇特的动画。我尝试的是： <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["c

我想创建一个

我想要的是在页面第一次加载时创建图表时有一个奇特的动画。我尝试的是：

<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',
}