创新互联ECharts教程：设置ECharts动画的属性

animation

设置ECharts是否开启动画。

创新互联建站-专业网站定制、快速模板网站建设、高性价比肥城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式肥城网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖肥城地区。费用合理售后完善，十载实体公司更值得信赖。

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;
}

也可以看该示例

本文名称：创新互联ECharts教程：设置ECharts动画的属性
分享网址：http://www.shufengxianlan.com/qtweb/news35/15435.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联