Axis Navigator

1 min read

定义

缩略轴是一种辅助看数据的组件,它将大量数据浓缩在一个轴上,既可以缩小宏观看数据全貌,又可以放大微观看数据的片断,同时还可以拖拽观察数据在一定区间内的演变。

缩略轴-2.gif

何时使用

缩略轴是值域数据的浓缩,它跟轴的类型息息相关。一般来说时间轴上使用缩略轴的频率高,连续轴使用缩略轴频率低、分类轴几乎不会用到缩略轴。

image.png

  • 时间轴,数据跨度非常大,【高频使用】,比如一组时序数据跨度 10 年,需观察这期间数据变化趋势时,建议开启缩略轴;
  • 时间轴,数据密度很高,【高频使用】,比如分钟级更新的实时数据,当需要查看一天内的数据走势时,建议开启缩略轴;
  • 连续轴,数据密度很高,【低频使用】比如查看 1-100 岁平均身高分布,开启缩略轴可以全局查看身高分布;
  • 分类轴【不建议使用】。

常见类型

X 轴缩略轴

image.png

Y 轴缩略轴

纵赂缩略轴.jpg

构成元素

缩略轴主要包括轴“主体”与“轴刻度”,其中“轴刻度”可以隐藏不显示。

image.png

出现位置

缩略轴可出现在图的四个方向,一般建议摆放在左、下、右方,上方因为有过多的图表组件(标题、图例、筛选器等)不建议摆放。image.png

交互说明

缩略轴主题色

缩略轴建议与图表主题配色搭配使用,让整体更加和谐美观。假设你的图表主题色为蓝色,那么缩略轴选定区域也应该为蓝色,同理也可以为橙色。

缩略轴主题色.jpg

文本躲避规则

image.png

与时间轴的关系

时间轴是缩略轴的分支,差异点如下:

类型支持数据类型摆放位置支持配件
缩略轴 Axis Navigator时间轴(时序数据)、连续轴(非连序数据)均可X、Y 轴均可无时间配置有播放器
时间轴 TimeBar必须要有时间轴(时序数据)X 轴有时间配置与播放器