历史版本18 :交互式图表 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 恰当的可视化交互编辑

在数据可视化叙事过程中,可以用信息轮播、动画等效果自动切换数据信息,以推进可视化故事的叙述。

优点:

  • 动画与过渡效果可以增加可视化结果视图的丰富性与可理解性,增加用户交互的反馈效果,操作自然、连贯;

  • 还可以增强重点信息或者整体画面的表现力,吸引用户的关注力,增加印象。

注意事项:

  • 适量原则:动画不宜使用过多(尤其是自动播放的),避免陷入过渡设计的危机中;

  • 统一原则:相同动画语义统一、相同行为与动画保持一致,保持一致的用户体验;

  • 易理解原则:简单的形变、适量的时长、易判断、易捕捉,避免增加观赏者的认知负担。

2. 动态效果展示编辑

我们将多种借助于 JavaScript 代码实现的动态交互效果图表封装成了组件,还有部分使用图表的条件显示、超链当前表单对象实现的组件。分分钟帮你实现酷炫动效,快来试试吧,动态效果组件

动态效果
详细文档

1.gif

地图钻取与联动
2.gif图表联动
1571193661509141.gifTab块
A70EC27E-BA6C-4E7F-9043-79AF978237E7.GIF图表切换方式
报表块监控刷新决策报表内报表块刷新插件
9BD26057-63CB-48B9-8387-DCDF93EC5E01.GIF图表监控刷新
C41F1F99-F090-487D-AC50-5ACFA026631D.GIF地图自动刷新

222

折线图最值设置闪烁动画
20.gif跑马灯
1570676272295050.gif图表开启自动数据点提示轮播接口
33C57FC9-788C-4B39-9E1F-9BF45C638F9B.GIF轮播时自动联动其他组件
轮播条形图.gif动态轮播条形图
3B058974-8343-4C79-BB6D-F70D4D572C6C.GIF
             A747887F-2E84-4FDC-8AB2-1EF4A0A72B1C.GIF
动态轮播折线图