echart自定义动画_设置ECharts动画的属性

  • Post author:
  • Post category:其他


animation

设置ECharts是否开启动画。animationThreshold

是否开启ECharts动画的阈值,当单个系列显示的图形数量大于这个阈值时会关闭动画。animationDuration

设置初始ECharts动画的时长,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果:animationDuration: function (idx) {

// 越往后的数据延迟越大

return idx * 100;

}animationEasing

ECharts初始动画的缓动效果。不同的缓动效果可以参考 缓动示例。animationDelay

初始动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。

如下示例:animationDelay: function (idx) {

// 越往后的数据延迟越大

return idx * 100;

}

也可以看该示例animationDurationUpdate

数据更新动画的时长。

支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果:animationDurationUpdate: function (idx) {

// 越往后的数据延迟越大

return idx * 100;

}animationEasingUpdate

数据更新动画的缓动效果。animationDelayUpdate

数据更新动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。

如下示例:animationDelayUpdate: function (idx) {

// 越往后的数据延迟越大

return idx * 100;

}

也可以看该示例



版权声明:本文为weixin_39837124原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。