Animation 加载时设置谷歌图表的动画

我正在尝试在我的谷歌柱状图中为我的列获取动画效果。根据发布的一个类似问题，解决方案是在var选项中进行更改。我这样做了，但是我仍然看不到动画效果。我有什么事吗

谷歌图表：

                <script type="text/javascript">

                    google.load("visualization", "1.1", { packages: ["bar"] });
                    google.setOnLoadCallback(drawChart);
                    function drawChart() {

                        var options = {
                            'title': '',
                            'animation': { duration: 1000, easing: 'out', }
                        };

                        var data1 = new google.visualization.arrayToDataTable([
                          ['Date', 'Under Review', 'Accepted', 'Rejected', 'In Print', 'Published'],
                           @Html.Raw(rows)]);                          

                        var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

                        chart.draw(data1, options);
                    }
                </script>
                <div id="columnchart_material" style="width: 750px; height: 400px;"></div>

load（“可视化”、“1.1”、{packages:[“bar”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
变量选项={
“标题”：“，
'animation'：{持续时间：1000，'out'，}
};
var data1=新的google.visualization.arrayToDataTable([
[‘日期’、‘审查中’、‘接受’、‘拒绝’、‘印刷中’、‘出版中’]，
@Html.Raw（行）]；
var chart=new google.charts.Bar（document.getElementById（'columnchart_material'）；
图表绘制（数据1，选项）；
}

图表确实显示，但在我加载页面时没有动画效果，它只是显示它

动画是事件驱动的。 要设置“加载”动画，您需要在选项中添加

启动

    animation:{
      duration: 1000,
      easing: 'out',
      startup: true
    },

---

经过大量研究，谷歌似乎还没有选择在加载时为条形图设置动画。我发现了一个柱状图，但它确实有一个加载动画选项，这对我来说是可行的。在这里找到它：

load（“可视化”、“1.1”{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数drawChart（）{
var data1=google.visualization.arrayToDataTable([
[‘教员姓名’、‘书籍’、‘书籍章节’、‘期刊文章’、‘会议’]，
@Html.Raw（行）]；
变量选项={
动画：{
持续时间：1500，
启动：正确
}
};
chart=新的google.visualization.ColumnChart（document.getElementById（'chart_div'））；
图表绘制（数据1，选项）；

我们只希望它能在材质图表上工作。您可能需要转换选项，就像字体缩减一样…不。看起来动画效果在特定图表上不起作用。我甚至尝试了转换选项，就像您所说的那样…chart.draw（data1，google.charts.Bar.convertOptions（options））；

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
                    <script type="text/javascript">
                        google.load("visualization", "1.1", {packages: ["corechart"]});
                        google.setOnLoadCallback(drawChart);
                        function drawChart() {                           
                            var data1 = google.visualization.arrayToDataTable([
                              ['Faculty Name', 'Book', 'Book Chapter', 'Journal Article', 'Conference'],
                               @Html.Raw(rows)]);
                            var options = {
                                animation: {
                                    duration: 1500,
                                    startup: true
                                }
                            };
                            chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
                            chart.draw(data1, options);