超实用！APP数据图表设计的类型和制作方法全方位总结（中）-控件新闻-慧都网

超实用！APP数据图表设计的类型和制作方法全方位总结（中）

转帖|行业资讯|编辑：郑恭琳|2016-02-04 09:29:46.000|阅读 1550 次

概述：做APP的数据图表设计之前，你考虑过移动端屏幕大小与属性吗？考虑过可视化数据图表，提升APP气质吗？考虑过在APP和WEB端，数据图表的展示有何不同吗？也许你都考虑过，但作为一篇科普文，还是要从最基础的说起。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

二、图表类型

A）折线图

[折线图] 将序列显示为一组由单个线条连接的点；用于表示在一段连续时间内发生的大量数据。

△ 左（Dribbble）右（Apple Health）

B）曲线图

[曲线图] 使用光滑的曲线来连接。如果数据是连贯实时的，且任意两点间的数据具有分析价值，用[曲线图] 比用[折线图] 更合适，如24小时数据。

△ Dribbble

C）饼图

[饼图] 常用于显示每个组成成分的数值相对总体的百分比。

△ Dribbble

D）环形图，表现进度

[环形图] 即中心为空的饼图。除了显示占比，还可用来显示进度加载，拟钟表/ 计时器设计。

△ Dribbble

E）条形图&柱状图

[条形图] 将序列显示为若干组水平图条。

[柱形图] 将序列显示为按类别分组的垂直图条。

△ Dribbble

F）热度图

[热度图] 常用在基于地理位置，对一段时间的数据（常常是离散量）累积量进行分布统计的图表，进而可以分析数据密集区域/稀疏区域。这是一种展示效果较好的表达方式。

△ Dribbble

G）雷达图

[雷达图] 在比较多个类别数据序列以及查看整体情况很有用，既可以查看自身整体发展的均衡情况，也可以对比两个序列整体的优劣势。这也是一种展示效果不错的数据表达方式，在展示整体综合信息上很直观。

△ 左中（Dribbble）右（支付宝）

H）列表

列表是一种常见的表达方式，通常我们见到的列表往往是如下最右的Spendee的界面，但也有一些APP做了可视化尝试，在列表中通过对数据可视化做一些分区，详见如下左和中Elevate的界面。

△ 左中（Elevate）右（Spendee）

转自：uisdc

点击【图表专题】了解更多图表相关资讯

新年新禧新气象，送礼送福送优惠！优惠详情点击查看>>

标签：图表移动开发图表开发

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

上一篇：中石油DevExpress现场培训圆满落幕下一篇：超实用！APP数据图表设计的类型和制作方法全方位总结（上）

在线采购

中文文档库

试用/Demo下载

开发社群