区别于传统图表静态的表现形式,交互式图表并不仅仅停留在信息展示层面,而是通过图表增加交互效果,增强重点信息或者整体画面的表现力。用户可以与图产生交互,获取更深层次的分析和信息。
交互式图表能给用户操控感,提供足够便捷的过滤筛选组件,配合鼠标悬停、点击、框选等操作,方便用户查看更多数据信息、快速定位感兴趣的内容、根据特定变量对数据进行排序、突出、降维处理等。
常见的图表交互 PC 端有悬浮、点击、框选、平移,移动端有轻点、滑动、长按等操作。当图表中内置了这些常用的交互动作后,用户用一些习以为常的交互去操纵图表可视化时,用户将会很清晰、并且有信心控制好当前的可视化图表。
这里并不建议图表上使劲堆砌交互动作,每一个交互的设计都应该有迹可循。
在给图表设计交互效果时,要关注用户界面与用户使用行为习惯。明确图表的使用场景以及用户可能面临的数据处境,设计的原则是让用户可以高效、有效地浏览内容。
数据可视化的交互动作根据作用,可以分为以下三类:
获取数据:动作设计初衷是方便用户浏览查看,常见于传统数据报表、汇报型图表、大屏等。
分析数据:动作设计初衷是方便用户查明探索,常见于统计报表或高维、多源的可视化分析报告等。
标记想法:动作设计初衷是方便用户标记指引,常见于可视分析报告、智能分析、智能决策系统等。
以下是这三类常用的交互动作:
复杂的可视化场景经常会是数据复杂,数据特征多层次、多维度的。
得益于丰富的可视化分析工具,我们可以处理复杂的可视化,比如建立多个的层级关联、实现向下钻取和向上汇总、筛选维度的联动、实现点击图表分类、联动刷新等。
这无疑给“静”的图表赋予了“动”的视角,让图、图与图之间活了起来,而这底层的关联正像一个分析体系。
交互方式动态效果钻取
实现页面下钻,一般用于有层级关系的数据。如点击图表打开页面,点击超链打开页面。
地图钻取与联动
联动
实现内容联动,一般通过传递一个类别值来限定范围,细化内容。
图表联动
多 Tab 切换
多个页面切换,一般用于内容过多时,部分内容有并列关系。
FVS_Tab组件实现内容的选择查询,一般用于数据量较大的场景。
控件筛选查询
相关知识
一种植物交互式立体水培设备与工艺的制作方法
基于Python实现交互式数据可视化的工具(用于Web)
基于云平台的智能语音交互式灌溉系统
基于故事体验的交互式儿童纸玩具案例分析
JavaScript实现的风飓风数据可视化分析
(图表·漫画)[环境]科学绿化
有哪些好用的数据分析软件可以用
前沿丨菊花遗传与种质创新团队构建交互式比较基因组学数据库
描述性统计分析都用到哪些可视化图表?
棕榈树生长图表
网址: 交互式图表 https://m.huajiangbk.com/newsview1545604.html
上一篇: ppt怎么做交互式图表? 交互式 |
下一篇: python 如何绘制四个图 |