反馈已提交

网络繁忙

动态交互效果

  • 文档创建者:susie
  • 编辑次数:17次
  • 最近更新:susie 于 2021-06-10
  • 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
    动态轮播折线图




    附件列表


    主题: 可视化设计流程
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭