【问题标题】:Google PieChart - Adding Animation on CreationGoogle PieChart - 在创建时添加动画
【发布时间】:2015-09-28 19:40:03
【问题描述】:

我想创建一个Google Pie Chart

我想要的是在页面首次加载时创建图表的精美动画。我试过的是这样的:

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

但它不起作用。

谁能帮帮我?

【问题讨论】:

    标签: javascript charts google-visualization


    【解决方案1】:

    饼图不支持动画

    supported-modifications下的表格中查看有效图表类型

    【讨论】:

      猜你喜欢
      • 2017-09-30
      • 1970-01-01
      • 2021-08-31
      • 1970-01-01
      • 1970-01-01
      • 2013-08-06
      • 2018-08-17
      • 1970-01-01
      • 2015-07-25
      相关资源
      最近更新 更多