💎【行业认证·权威头衔】
✔ 华为云天团核心成员：特约编辑/云享专家/开发者专家/产品云测专家
✔ 开发者社区全满贯：CSDN博客&商业化双料专家/阿里云签约作者/腾讯云内容共创官/掘金&亚马逊&51CTO顶级博主
✔ 技术生态共建先锋：横跨鸿蒙、云计算、AI等前沿领域的技术布道者

🏆【荣誉殿堂】
🎖 连续三年蝉联"华为云十佳博主"（2022-2024）
🎖 双冠加冕CSDN"年度博客之星TOP2"（2022&2023）
🎖 十余个技术社区年度杰出贡献奖得主

📚【知识宝库】
覆盖全栈技术矩阵：
◾ 编程语言：.NET/Java/Python/Go/Node…
◾ 移动生态：HarmonyOS/iOS/Android/小程序
◾ 前沿领域：物联网/网络安全/大数据/AI/元宇宙
◾ 游戏开发：Unity3D引擎深度解析

🚀前言

在数据可视化中，图表制作是基石，它要求根据数据类型选择合适的图表类型，并确保数据的准确性。本章将详细讲解图表制作的通用步骤、不同图表的制作过程，让读者可以灵活运用各种图表形式，将复杂的数据转化为直观、易懂的信息，为决策制定提供有力支持。

制作DataEase图表时，需要先对维度和指标进行了解，然后通过拖人指标字段或者维度字段进行图表制作。

维度是事物或现象的某种特征，如性别、地区、时间等都是维度。其中时间是一种常用的、特殊的维度，通过前后对比，可以知道事物的发展是好是坏，如用户数环比上月增长10％、同比去年同期增长20%，这是时间上的比较，也称为纵比。与纵比相对的是横比，如不同国家人口数、GDP的比较，不同地区收入、用户数的比较，不同公司、不同部门之间的比较，这些是同级单位之间的比较，简称横比。

维度可以根据数据类型分为定性维度和定量维度，数据类型为字符型（文本型）的维度是定性维度，如地区、性别都是定性维度；数据类型为数值型的维度是定量维度，如收入、年龄、消费等。一般需要对定量维度做数值分组处理，也就是数值型数据离散化，这样做的目的是使规律更加明显。但要注意，分组不宜过细，否则规律会不明显，若细成最原始的流水数据，那就无规律可循了。

指标是用于衡量事物发展程度的单位或方法，在IT领域也称为“度量”。如人口数、GDP、用户数、利润率、留存率、覆盖率等，就可以充当指标。很多公司都有自己的KPI指标体系，通过几个关键指标来衡量公司业务运营情况的好坏。

指标的值需要经过加和、平均等汇总计算方式得到，并且需要在一定的前提条件（如时间、地点、范围）下进行汇总计算，这些条件就是人们常说的统计口径与范围。

指标可以分为绝对数指标和相对数指标。绝对数指标是反映规模大小的指标，如人口数、GDP、收入、用户数；相对数指标主要是用来反映质量好坏的指标，如利润率、留存率、覆盖率等。分析一个事物的发展程度可以从数量和质量两个角度入手，得出全面的结论。

🚀一、指标类图表

在数据可视化中，指标类图表的核心任务是直接、醒目地呈现关键的汇总数值或状态。它们不追求展示数据的分布或关系，而是聚焦于“一眼即得”的核心业务指标（KPI），常用于仪表板的首屏或核心位置，起到数据监控、目标跟踪和状态预警的作用。DataEase平台提供了多种指标类图表，包括指标卡、水波图和仪表盘。本节将重点阐述其中最常用的两种——指标卡与仪表盘的制作方法与业务应用。

🔎1.指标卡

指标卡是最简洁、最直接的指标展示形式。它通常由一个醒目的标题、一个巨大的核心数值以及一个可选的辅助说明或对比指标组成，用于展示如总销售额、用户总数、同比增长率等单一关键指标。

本节目标：在仪表板中创建一个指标卡，用于计算并清晰展示零食总销售额。

🦋制作步骤详解：

1. 添加指标卡组件：

   • 进入仪表板编辑页面后，在左侧组件面板点击 【图表】，在弹出的图表类型选择页面中找到并点击 【指标卡】（见图8-9）。
   • 一个空白的指标卡组件将被添加到画布中。

   图8-9 在图表库中选择“指标卡”
   

2. 绑定数据集并指定指标：

   • 确保仪表板已绑定包含“销售额”字段的数据集（如“关联数据集”）。
   • 选中画布中的指标卡组件，在右侧弹出的数据配置面板中，将字段列表里的 “销售额” 字段拖拽到 【指标】 区域（见图8-10）。
   • 点击 【更新图表数据】 按钮进行初步预览。此时，指标卡可能会显示一个未经聚合的数值或默认聚合值（如最后一个值），需要进一步配置。

   图8-10 将“销售额”字段拖入指标区域并更新预览
   

3. 配置指标计算与显示格式（关键步骤）：

   • 点击已拖入的 【销售额】 指标右侧的设置图标（或直接点击指标名称），会弹出详细的指标配置对话框（见图8-11）。
   • 汇总方式：因为要计算“总”销售额，所以将汇总方式设置为 【求和】。其他选项包括平均值、最大值、最小值、计数等。
   • 数值格式：
     • 格式类型：选择 【数值】，表示按数字格式显示。
     • 小数位数：设置为 2，表示保留两位小数（如“元”角“分”）。
     • 数量单位：由于销售额可能很大，选择 【亿】 作为单位，系统会自动将原始数值除以1亿后进行显示，使数字更简洁易读。
     • 单位后缀：输入 “元”，这样显示效果为“X.XX亿元”。
   • 显示名称：点击 【编辑显示名称】，在弹出的对话框中将其修改为更具业务意义的 “总销售额”，这将作为指标卡的标题。

   图8-11 配置指标的汇总方式、数值格式与显示名称
   

4. 完成制作并查看效果：

   • 完成所有配置后，再次点击 【更新图表数据】 按钮。
   • 渲染后的指标卡效果应如图8-12所示：顶部显示标题“总销售额”，中央醒目地展示着经过格式化的求和数值（如“158.43亿元”），清晰、直观地传达了核心业务结果。

   图8-12 指标卡（零食总销售额）最终实现效果
   

🔎2.仪表盘

仪表盘（又称刻度盘或速度表）通过模拟汽车仪表的视觉形式，生动地展示一个指标相对于预设目标或范围的完成进度。它通常包含一个弧形刻度、一个指针以及一个当前值/百分比标签，非常适合用于监控目标完成率、预算执行进度、满意度得分等场景。

本节目标：创建一个仪表盘，根据设定的目标销售额“50亿元”，动态计算并展示已完成销售额占总目标的百分比。

🦋制作步骤详解：

1. 添加仪表盘组件：

   • 在仪表板编辑页面，从图表库中选择并添加 【仪表盘】 组件（见图8-13）。

   图8-13 在图表库中选择“仪表盘”
   

2. 绑定数据集并指定指标：

   • 确保仪表板已绑定包含“销售额”字段的数据集。
   • 选中仪表盘组件，在数据配置面板中，将 “销售额” 字段拖拽到 【指针角度 / 指标】 区域（见图8-14）。这个字段的聚合值将决定指针指向的位置。
   • 点击 【更新图表数据】 进行初步预览。

   图8-14 将“销售额”字段拖入“指针角度/指标”区域
   

3. 配置样式与刻度（定义目标范围）（关键步骤）：

   • 切换到仪表盘组件的 【样式】 设置选项卡（见图8-15）。
   • 设置最大值（定义目标）：在“刻度轴”或“图形”样式区域，找到最大值设置。为了表示50亿元的目标，我们需要将其设置为一个固定值。
     • 选择 【固定值】，并在输入框中填入 5000000000（即50亿，注意单位与数据集中“销售额”字段的单位一致，通常是“元”）。这样，仪表盘的完整量程就被定义为0到50亿元。
   • 设置标签格式：在“标签”或“指针值”样式区域，配置数值的显示格式。
     • 格式类型：选择 【百分比】。这将自动把当前销售额（指标）除以最大值（50亿），并以百分比形式显示进度。
     • 小数位数：设置为 2，以显示更精确的百分比（如“85.26%”）。

   图8-15 设置仪表盘样式：最大固定值50亿与百分比标签格式
   

4. 完成制作并查看效果：

   • 配置完成后，点击 【更新图表数据】 按钮。
   • 最终的仪表盘效果应如图8-16所示：仪表盘的弧形刻度范围是0%到100%（对应0元到50亿元），指针指向的位置反映了当前销售总额占50亿元目标的百分比（例如，若销售额总和为42.63亿元，则指针指向约85.26%的位置），下方的标签清晰地显示出该百分比值。这种可视化方式使得目标完成情况一目了然。

   图8-16 仪表盘（已完成销售额占目标销售额的百分比）最终实现效果
   

总结与对比

• 指标卡：用于展示一个绝对数值。核心是聚合计算（求和、平均等）和人性化格式（单位、小数位）。适合回答“总共是多少？”、“平均水平是多少？”这类问题。
• 仪表盘：用于展示一个相对进度或比率。核心是定义目标范围（最大值）和计算百分比。适合回答“完成了目标的百分之几？”、“处于哪个绩效区间？”这类问题。

通过这两种指标类图表，您可以将关键业务数据转化为决策者和管理层最容易理解和感知的视觉形式，有效提升数据驱动的决策效率。在实践中，它们常与趋势图、明细表等结合使用，在仪表板上构成“总览-分解-明细”的完整分析叙事。