Javascript 谷歌图表启动动画不是'；行不通_Javascript_Google Visualization

Javascript 谷歌图表启动动画不是'；行不通

javascript google-visualization

Javascript 谷歌图表启动动画不是'；行不通,javascript,google-visualization,Javascript,Google Visualization,我正在尝试在启动时制作谷歌条形图的动画。此时将显示图表，但不会设置动画。我想让图表的条形图从零增长到它们的最终值。我将animation.startup设置为true，但它仍然不会设置动画。我做错了什么 eh.html： <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

我正在尝试在启动时制作谷歌条形图的动画。此时将显示图表，但不会设置动画。我想让图表的条形图从零增长到它们的最终值。我将animation.startup设置为true，但它仍然不会设置动画。我做错了什么

eh.html：

<html>
  <head>
      <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
      <script type="text/javascript" src="eh.js"></script>

    </head>
    <body>
        <div id="chart_div"></div>
</body>
</html>

eh.js：

google.charts.load('current', {
  packages: ['bar'], callback: drawChart
});


function drawChart() {
  var choices = ["Banana", "Apple", "Orange"];
  var votes = [1, 2, 3];
  var name = "Favorite fruit";
  var dataArray = [
      ['Choice', 'Votes']
  ];

  for (var i = 0; i < choices.length; i++) {
      dataArray.push([choices[i], votes[i]]);
  }
  var data = google.visualization.arrayToDataTable(dataArray);

  var options = {
    animation:{
        duration: 1000,
        easing: 'linear',
        startup: true
    },
    vAxis: {minValue:0, maxValue:100000000},
    title: "votes",
    legend: { position: 'none' },
    chart: { title: name,
             subtitle: 'popularity by Votes' },
    bars: 'horizontal', // Required for Material Bar Charts.
    axes: {
      x: {
        0: { side: 'top', label: 'Votes'} // Top x-axis.
      }
    },
    bar: { groupWidth: "90%" }
  };

  var chart = new google.charts.Bar(document.getElementById('chart_div'));
  chart.draw(data, options);
}

google.charts.load（'current'{
软件包：['bar']，回调：drawChart
});
函数绘图图（）{
var选项=[“香蕉”、“苹果”、“橘子”]；
var票数=[1,2,3]；
var name=“喜爱的水果”；
变量数据数组=[
[‘选择’、‘投票’]
];
for（var i=0；i

如果您需要其他选择。也许你可以使用Chart.js 学习起来很容易，有很多例子，也很受欢迎

希望这能帮助你，因为我是新来的。

材质图表上不支持动画

请参见下的有效图表类型

您可以使用选项

theme:“material”

来接近外观

但顶部x轴在

'corechart'中不受支持
请参阅以下工作片段

google.charts.load（'current'{
回调：函数（）{
var选项=[“香蕉”、“苹果”、“橘子”]；
var票数=[1,2,3]；
var name=“喜爱的水果”；
变量数据数组=[
[‘选择’、‘投票’]
];
for（var i=0；i