[]
        
在线Demo 免费试用
(Showing Draft Content)

条件格式化与预警

1. 概述

1.1 功能概述

在仪表板中,您可以对可视化组件中的数据设置条件格式,将满足条件的数据以不同的样式进行标识。当数据达到预先设置的预警值时,便可以一眼察觉,以达到预警的效果。在实际中可用于达标提醒或未达标预警,比如销售额、回款额没达到目标等;也可用于互联网访问数据峰值预警等情况。

如下图,当某个品类的商品销售总额大于600000时则会自动显示成玫红色,以达到提醒的作用。

PixPin_2025-06-19_10-04-26

也可以用于特殊标记某个数据分类。

PixPin_2025-06-19_10-04-08

本节将为您介绍如何在仪表板中设置条件格式。

type=info

注意:

  • 此功能在高级分析模式下全面支持,而在标准分析模式下仅可在设计器中使用,在站点中查看文档时不能添加新的条件格式化,但在设计器中添加的效果仍可显示。

  • 系统默认为标准分析模式。如需了解模式,请见默认查看器

2. 操作步骤

2.1 操作步骤-设计器界面设置条件格式化

2.1.1 格式化数值字段

即本文第一幅图的效果,对数值进行格式化设置。

  1. 在仪表板设计器界面,选中组件,单击条件格式化按钮PixPin_2025-06-19_10-05-30,打开条件格式化设置对话框。

    PixPin_2025-06-19_10-07-06

  2. 在打开的条件格式化设置对话框中,单击添加条件格式按钮。

    PixPin_2025-06-19_10-07-47

  3. 选择要进行条件格式化的字段,这里支持选择绑定区内所有绑定的字段。如果为数据表组件添加了行号,这里也可以选择行号进行格式化设置,详见仪表板表格行号

    本例中选择的是数值绑定字段--订单金额。这也是跟另外一个例子的关键区别。

    PixPin_2025-06-19_10-08-26

  4. 选择操作符。单击下拉按钮展开下拉列表,选择合适的操作符。操作符支持:等于、不等于、大于、大于或等于、小于、小于或等于、介于、不介于。

    PixPin_2025-06-19_10-09-17

  5. 设置相对比(即比较值),单击编辑按钮PixPin_2025-06-19_10-09-52,选择比较类型。支持自定义数据、使用新聚合数据、组件数值绑定区已有的字段和仪表板参数。

    PixPin_2025-06-19_10-11-37

  • 自定义数据: 如选择自定义数据,则需要手动输入一个数值。文中以此为例。

    PixPin_2025-06-19_10-12-31

  • 使用新聚合数据:添加一个全新的数据,基于数据集中的字段,支持与数据字段绑定区相同的聚合运算和快速运算集计方式。

    PixPin_2025-06-19_10-12-58

  • 使用数据绑定区已有的字段:即数据绑定区中添加的字段(包含集计方式)

    PixPin_2025-06-19_10-14-07

  • 使用仪表板参数: 可以使用仪表板已有的仪表板参数,也可以新建仪表板参数

    PixPin_2025-06-19_10-15-24

  1. 设置格式化样式,包括元素和标签。

    PixPin_2025-06-19_10-17-25

    样式

    说明

    系统图示

    元素样式

    可以设置数据点元素的样式

    包括填充色、不透明度、边框颜色、边框宽度和边框样式(实线/虚线)

    PixPin_2025-06-19_10-18-15

    标签样式

    可以设置数据标签的样式

    包括是否显示数据标签、标签样式、数据单位、分类名等属性

    PixPin_2025-06-19_10-19-30

  2. 保存设置。设置完成后,单击应用确定均可保存。

  • 单击应用,则会保存设置并在对应的图表上体现结果,但不会返回至条件列表画面。用户可继续对该条件进行修改等操作。

  • 单击确定,保存设置并返回到条件列表画面。

    格式化效果如下:

    PixPin_2025-06-19_10-22-47

2.1.2 格式化维度字段

即本文第二幅图的效果,对维度(分类或系列)进行格式化设置。

前面的步骤与格式化数值字段是一样的,只是在选择应用字段的时候选择一个维度字段进行格式化。

  1. 在仪表板设计器界面,选中组件,单击条件格式化按钮PixPin_2025-06-19_10-05-30,打开条件格式化设置对话框。

    PixPin_2025-06-19_10-07-06

  2. 在打开的条件格式化设置对话框中,单击添加条件格式按钮。

    PixPin_2025-06-19_10-07-47

  3. 选择要进行条件格式化的字段,这里支持选择绑定区内所有绑定的字段。

    本例中选择的是分类字段–-类别名称。这也是跟上面例子的关键区别。

    PixPin_2025-06-19_10-26-45

  4. 选择匹配规则。支持 包含、开头是、结尾是全词匹配。

    PixPin_2025-06-19_10-27-03

  5. 配置大小写是否敏感,并设置配置值,配置值支持自定义和使用仪表板参数。

    如下图,设置是类别名称全词匹配“ 海鲜 ”两个字显示为特殊样式。

    PixPin_2025-06-19_10-27-37

    使用仪表板参数: 可以使用仪表板已有的仪表板参数,也可以新建仪表板参数

    PixPin_2025-06-19_10-28-31

  6. 设置格式化样式,包括元素和标签。

    PixPin_2025-06-19_10-30-22

    样式

    说明

    系统图示

    元素样式

    可以设置数据点元素的样式

    包括填充色、不透明度、边框颜色、边框宽度和边框样式(实线/虚线)

    PixPin_2025-06-19_10-30-54

    标签样式

    可以设置数据标签的样式

    包括是否显示数据标签、标签样式、数据单位、分类名等属性

    PixPin_2025-06-19_10-31-11

  7. 保存设置。设置完成后,单击应用确定均可保存。

  • 单击应用,则会保存设置并在对应的图表上体现结果,但不会返回至条件列表画面。用户可继续对该条件进行修改等操作。

  • 单击确定,保存设置并返回到条件列表画面。

    格式化效果如下:

    PixPin_2025-06-19_10-31-44

2.1.3 条件格式化操作

当组件已添加条件格式化后,可以对已添加的条件格式化进行查看、修改、调整格式化顺序、复制和删除。

2.1.3.1 查看条件格式化

  1. 在仪表板设计器界面,选中组件,单击条件格式化按钮PixPin_2025-06-19_10-05-30,可查看已添加的条件格式化列表。

    PixPin_2025-06-19_10-38-25

  2. 在条件格式化列表界面,单击“添加添加格式化”按钮,可继续添加添加格式化。

    PixPin_2025-06-19_11-32-07

2.1.3.2 修改条件格式化

  1. 在仪表板设计器界面,选中组件,单击条件格式化按钮PixPin_2025-06-19_10-05-30,可查看已添加的条件格式化列表,单击已设置的条件格式化项目,可对该条件进行编辑修改。

    PixPin_2025-06-19_10-40-36

2.1.3.3 调整格式化条目顺序

  1. 在仪表板设计器界面,选中组件,单击条件格式化按钮PixPin_2025-06-19_10-05-30,可查看已添加的条件格式化列表。当添加了多条可视化项目后,格式化的先后顺序会一定程度的影响最终呈现效果。此时可通过拖拽来调整各条目的先后顺序,达到我们想要的效果。

    PixPin_2025-06-19_10-41-51

2.1.3.4 复制或删除条件格式化

  1. 在仪表板设计器界面,选中组件,单击条件格式化按钮PixPin_2025-06-19_10-05-30,可查看已添加的条件格式化列表。单击已有条件格式化项目上的更多按钮PixPin_2025-06-19_10-42-07,可复制删除当前项目。

    PixPin_2025-06-19_10-42-38

2.2 操作步骤-聚焦界面设置条件格式化

  1. 在仪表板设计器界面,选中组件,单击聚焦按钮PixPin_2025-06-19_11-53-40,进入聚焦界面。

    PixPin_2025-06-19_14-35-57

  2. 在聚焦界面下,单击图表右侧的条件格式化按钮PixPin_2025-06-19_14-36-48,打开条件格式化设置对话框,在该页面上设置条件格式化,设置即可生效,完成后,单击返回设计器按钮,退出组件聚焦界面。

    PixPin_2025-06-19_14-36-31

  3. 设置条件格式化,其具体操作步骤与设计器界面完全一致,您可直接参考本文设计器界面设置条件格式化的相关步骤进行操作。

2.3 操作步骤-预览界面设置条件格式化

在Wyn中,设置条件格式化的操作流程在设计器界面和预览界面保持一致,仅需注意:预览模式下的设置需进入仪表板预览界面方可操作,为您提供统一便捷的使用体验。

  1. 在仪表板设计器界面先设计好仪表板,单击预览按钮进入预览界面。

    PixPin_2025-06-19_10-48-13

  2. 在预览界面,鼠标悬浮至需要加条件格式化的组件,单击更多操作按钮PixPin_2025-06-19_10-49-34,选择条件格式化按钮PixPin_2025-06-19_10-49-45,将打开条件格式化设置对话框,在该页面上设置条件格式化。

    PixPin_2025-06-19_10-48-57

  3. 设置条件格式化,其具体操作步骤与设计器界面完全一致,您可直接参考本文设计器界面设置条件格式化的相关步骤进行操作。