RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
创新互联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.jxjierui.cn/article/djjheej.html