网格线 定义:网格线是用来辅助图表优化映射关系的,我们需要弱化网格线的视觉效果,来增加数据的可阅读性。 作用:延伸数值刻度至可视化对象中,以便观察数据值的大小;增加可视化对象之间的对比观察度。 使用建议:使用网格线时,需遵从主次原则
以轴线为主、网格线为辅
样式上可采用实线或虚线;避免颜色过重、使用纯 Facebook 数据库 黑 纯白色。 使用建议:网格线一般跟随值域轴的位置单向显示,柱状图、折线图等采用水平网格,条形图采用垂直网格。 轴标题 轴标题主要用于说明坐标轴数据组的含义,也可理解为“轴单位”。当可视化图表标题、图例、轴标签等已能充分表达数据含义时,可隐藏轴标题。 这样处理体现了奥卡姆剃刀定律:如无必要,勿增实体。 轴标签 轴标签是对当前某一组数据的内容标注,用于提高数据的可读性。
以下从 X 轴标签轴标签两方面进
行分析: X轴标签 X轴标签的设计重点在显示规则上。卡片宽度 利用现有数据资 过窄、标签过多、名称过长时,X轴标签便会出现显示问题如标签重叠等。 为了解决显示问题,我们从连续/时间轴标签数值类、分类轴标签文本类两方面进行分析: 连续/:建议等分抽样显示、旋转;不尾部省略。 建议等分抽样:连续/时间轴,通常由一组等差数列组成,具有规律性,缺失的数据用户会在脑海中自动补全。所以建议用等分抽样来避免标签的重叠问题。 注意:等分抽样尽量保留首尾数据标签;随机抽样没有规律,会影响用户的判断及辨认,不建议采取随机抽样显示。 连续/时间轴标签是由“关键数值”组成的标注点,一般都明确精简,尾部省略会影响用户对关键数值的辨认。
为了保证标签的辨识度
我们可以将标签旋转 °、 。极端情况下图表 BY 列表 宽度极窄,可以同时进行旋转抽样。 分类轴标签 显示规则:建议旋转显示;不建议抽样显示。 分类轴由几个离散数据标签组成,标签之间独立存在,无紧密逻辑关系,用户无法自动补全缺失信息。因此,不能采取抽样显示,应尽量展示全部标签的全部文本。 若标签横向展示空间不够文字重叠,我们可以将标签旋转 °、 来达到预期显示效果。若通过旋转无法满足需求,可使用条形图,将分类轴放在Y轴。 旋转方向说明:通常情况下,用户的阅读视线为从左至右、从上到下。因此,标签顺时针旋转 ° 更符合用户的浏览习惯。