0
B端交互设计总结——数据可视化图表（四）
source link: http://www.chanpin100.com/article/121183
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
B端交互设计总结——数据可视化图表（四）
- 发布于2小时前
- 阅读550
上篇文章给大家简单总结了一下比较类图表“B端交互设计总结——数据可视化图表（三）”，下面就来看看条形图。
上篇文章给大家简单总结了一下比较类图表“B端交互设计总结——数据可视化图表（三）”，下面就来看看条形图。
选定可视化图表类型
2）条形图
定义：条形图是用宽度相同的条形的高度或长短来表示数据多少的图形，条形图能够使人们一眼看出各个数据的大小，易于比较数据之间的差别。
当条目较多，如大于12条，移动端上的柱状图会显得拥挤不堪，更适合使用条形图。
特点：
与柱状图类似，只是交换了X轴与Y轴位置；
多用于竖长的显示区域，例如手机端、大屏的一侧；
多用于top排行或分类名称较长的情况；
数量一般不超过30条，否则易带来视觉和记忆负担
使用建议：
采用有序排列，轴标签右对齐：
对多个数据系列排序时，如果不涉及到日期等特定数据，最好能符合一定的逻辑用直观的方式引导用户更好的查看数据。
可以通过升序或降序排布，例如按照数量从多到少来对数据进行排序，也可以按照字母顺序等来排布；总之，按照逻辑排序可以一定程度上引导人们更好地阅读数据。
标签直接显示在柱体上：条形图还可以通过省略横轴和纵轴，并直接在柱子上表明数值，来降低数据墨水比，进一步提高信息的获取效率。
条形图介绍完了，下篇文章给大家总结一下折线图，感兴趣的小伙伴可以继续去看看哦！
以上就是“B端交互设计总结——数据可视化图表（四）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。
选定可视化图表类型
2）条形图
定义：条形图是用宽度相同的条形的高度或长短来表示数据多少的图形，条形图能够使人们一眼看出各个数据的大小，易于比较数据之间的差别。
当条目较多，如大于12条，移动端上的柱状图会显得拥挤不堪，更适合使用条形图。
特点：
与柱状图类似，只是交换了X轴与Y轴位置；
多用于竖长的显示区域，例如手机端、大屏的一侧；
多用于top排行或分类名称较长的情况；
数量一般不超过30条，否则易带来视觉和记忆负担
采用有序排列，轴标签右对齐：
对多个数据系列排序时，如果不涉及到日期等特定数据，最好能符合一定的逻辑用直观的方式引导用户更好的查看数据。
可以通过升序或降序排布，例如按照数量从多到少来对数据进行排序，也可以按照字母顺序等来排布；总之，按照逻辑排序可以一定程度上引导人们更好地阅读数据。
以上就是“B端交互设计总结——数据可视化图表（四）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。
产品壹佰网站所提供的内容均来源于用户提供或网络搜集，由本站编辑整理，仅供个人研究、交流学习使用。如涉及版权问题，请联系本站管理员予以更改或删除。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK