Google PieChart-在创建时添加动画

Question

I want to create a Google Pie Chart . 我想创建一个Google饼图。

What I want to have is have a fancy animation on creating the chart when the page first loads. 我想拥有的是页面首次加载时创建图表时的精美动画。 What I have tried is this: 我试过的是：

<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>

More specifically, it is: 更具体地说，它是：

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

But it is not working. 但这是行不通的。

Can anyone help me please? 谁能帮我吗？

Answer 1

animation is not supported on Pie charts 饼图不支持动画

see Valid Chart Types in the table under supported-modifications 请参阅表中“ 支持的修改”下的有效图表类型

Google PieChart-在创建时添加动画

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-07-31 19:18:59

Google PieChart-在创建时添加动画

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-07-31 19:18:59

解决方案1
2 已采纳 2016-07-31 19:18:59