JavaScript – Google图形化第一次加载图表时的动画

前端之家收集整理的这篇文章主要介绍了JavaScript – Google图形化第一次加载图表时的动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道我是否可以在第一次绘制时将动画应用于图表?

不仅数据发生变化吗?

谢谢!

解决方法

应该呈现图表,然后才能应用您的动画,显示从一个状态到另一个状态的转换.您可以更改数据或更改图表选项以创建转换及其动画.

为了能够首次显示动画,您可以简单地创建一个空(无数据)图表,然后将数据添加到图表中,以显示数据动画.

var options = {
  animation:{
    duration: 1000,easing: 'out',}
};
var data = new google.visualization.DataTable();
data.addColumn('string','N');
data.addColumn('number','Value');
var chart = new google.visualization.ColumnChart...
chart.draw(data,options);
// Adding data
data.addRow(['V',200]);

猜你在找的JavaScript相关文章