

 SiteWise 监控功能不适用于新客户。现有客户可以继续正常使用该服务。有关更多信息，请参阅[SiteWise 显示器可用性更改](https://docs.amazonaws.cn/iot-sitewise/latest/appguide/iotsitewise-monitor-availability-change.html)

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 自定义可视化效果
<a name="customize-visualizations"></a>

作为项目所有者，您可以选择如何最好地查看添加到控制面板的资产属性和警报。您可以控制可视化类型并自定义可视化。

**Topics**
+ [更改可视化类型](#changing-visualization-types)
+ [向可视化效果中添加数据](#adding-data-to-visualization)
+ [从可视化中移除数据](#removing-data-from-visualization)
+ [删除可视化效果](#deleting-visualizations)
+ [选择可视化类型](choose-visualization-types.md)
+ [配置阈值](configure-thresholds.md)
+ [配置趋势线](configure-trend-lines.md)

## 更改可视化类型
<a name="changing-visualization-types"></a>

作为项目所有者，您可以决定如何最好地呈现每个资产属性或警报。

**要更改可视化类型**

1. 为要更改的可视化效果选择**可视化类型**。  
![\[用于配置可视化的图标，其中突出显示“可视化类型”图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-edit-visualization-type-console.png)

1. 在可视化类型栏中，选择要应用的可视化类型的图标。  
![\[可视化类型选择器。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-choose-visualization-type-console.png)

   有关更多信息，请参阅 [选择可视化类型](choose-visualization-types.md)。

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

## 向可视化效果中添加数据
<a name="adding-data-to-visualization"></a>

作为项目所有者，您可能希望在同一个可视化效果中显示多个资产属性和警报。例如，您可以显示所有泵的温度，或者单个资产的性能和效率。

**向可视化中添加数据**

1. 将要添加的资产属性或警报拖到可视化中。当您添加带有警报的属性时，您还会自动将该警报添加为阈值。  
![\[突出显示删除控件的“已添加的资产”面板。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-drag-property-to-visualization-console.png)

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

## 从可视化中移除数据
<a name="removing-data-from-visualization"></a>

您可以从可视化效果中移除资产属性和警报，使其不再显示。

**从可视化中移除数据**

1. 选择**已添加的资产**图标，以更改可视化效果。  
![\[用于配置可视化的图标，其中突出显示了“已添加的资产”图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-open-added-assets-console.png)

1. 选择资产属性或警报上的 **X** 图标，将其从可视化中删除。  
![\[突出显示删除控件的“已添加的资产”面板。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-view-added-assets-console.png)

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

## 删除可视化效果
<a name="deleting-visualizations"></a>

作为项目所有者，如果您决定不需要可视化效果，则可以轻松地将其从控制面板中删除。

**要删除可视化效果**

1. 为要移除的可视化效果选择 **X** 图标。  
![\[用于配置可视化的图标，其中突出显示了“删除图标”。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-remove-visualization-console.png)

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

# 选择可视化类型
<a name="choose-visualization-types"></a>

本节将介绍可用的可视化类型。要了解您的设备、流程和设备，您应该为添加到控制面板的每个资产属性选择正确的可视化类型。本节将详细介绍每种可视化类型。更改可视化类型不会更改您的数据，因此您可以尝试不同的可视化效果，了解哪种类型可以帮助您和项目的查看者从数据中获得见解。


| Type | 说明 | 显示警报状态 | 
| --- | --- | --- | 
| [行](#line-charts) | 最适用于经常报告值、且您希望查看一段时间内的趋势的属性。 | 否 | 
| [散点图](#scatter-charts) | 最适用于经常报告值、且您希望在其中查看单个数据点的属性。 | 否 | 
| [条形图](#bar-charts) | 最适合用于不经常报告值（例如每日指标），且您希望在其中查看一段时间内的趋势的属性。您也可以使用条形图来比较多个属性的值。 | 否 | 
| [Status](#status-widgets) | 最适用于具有少量状态（例如高、中和低）的警报和属性。您可以将[当前状态](#status-grid-chart)可视化为网格，也可以将[历史状态](#status-timeline-chart)可视化为时间轴。 | 是 | 
| [KPI](#kpi-charts) | 最适用于最新值为最重要信息的属性。 | 否 | 
| [表](#table-widgets) | 最适合用于比较多个属性或警报之间的值，并在一个简洁的小部件中显示信息。 | 是 | 

## 行
<a name="line-charts"></a>

折线图是将随时间波动的时间序列数据可视化的好方法。当您将时间序列属性拖到控制面板时，在默认情况下，该属性的值将显示为折线图。如果该属性有警报，则折线图会显示该警报的阈值。

**Example**  
以下折线图显示了四个资产属性。  

![\[显示四个属性的折线图示例。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-line-graph-console.png)


要显示折线图，请从可视化类型菜单中选择折线图图标。

![\[折线图可视化类型图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-line-visualization-type-console.png)


## 散点图
<a name="scatter-charts"></a>

您可以使用散点图，将具有不同数据点的时间序列数据可视化。散点图看起来就像数据点之间没有线条的折线图。如果您添加具有警报的属性，则散点图会显示该警报的阈值。

**Example**  
以下散点图显示了一个资产属性。  

![\[显示四个属性的散点图示例。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-scatter-chart-console.png)


要显示散点图，请从可视化类型菜单中选择散点图标。

![\[散点图可视化类型图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-scatter-chart-visualization-type-console.png)


## 条形图
<a name="bar-charts"></a>

条形图是将时间序列数据可视化的另一种方式。当您的数据值不经常发生变化时（例如每日读数），则可以使用条形图。如果您添加具有警报的属性，则条形图会显示该警报的阈值。

**Example**  
以下条形图显示了四个资产属性。  

![\[以时间序列形式显示四个属性的条形图示例。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-bar-graph-console.png)


要显示条形图，请从可视化类型菜单中选择条形图图标。

![\[条形图可视化类型图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-bar-visualization-type-console.png)


## Status
<a name="status-widgets"></a>

状态控件是将具有少量明确定义状态的数据（例如警报）可视化的好方法。例如，如果您的压力指示器可为高、中或低，则可以使用状态网格以不同的颜色显示每种状态。

您可以将状态控件配置为以网格形式显示当前状态，或以时间轴显示历史状态。

**Topics**
+ [状态网格](#status-grid-chart)
+ [状态时间轴](#status-timeline-chart)
+ [配置状态小部件](#configure-status-widgets)

### 状态网格
<a name="status-grid-chart"></a>

**Example**  
以下状态网格显示了四个资产属性的状态。  

![\[状态网格控件示例。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-status-chart-console.png)


要显示状态网格小部件，请从可视化类型菜单中选择状态网格图标。

![\[状态网格可视化类型图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-status-visualization-type-console.png)


### 状态时间轴
<a name="status-timeline-chart"></a>

**Example**  
以下状态时间轴显示了四个资产属性随时间变化的状态。  

![\[状态时间轴控件示例。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-status-timeline-chart-console.png)


要显示状态时间轴控件，请从可视化类型菜单中选择状态时间轴图标。

![\[状态时间轴可视化类型图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-status-timeline-visualization-type-console.png)


### 配置状态小部件
<a name="configure-status-widgets"></a>

要设置状态颜色，请使用每种状态的颜色和规则配置阈值。有关更多信息，请参阅 [配置阈值](configure-thresholds.md)。

![\[状态小部件阈值配置示例。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-configure-status-thresholds-console.png)


您还可以配置小部件显示哪些有关资产属性的信息。

**要切换属性单位和值**

1. 选择要更改的状态小部件的**配置**图标。

1. 选择或清除**显示标签**选项。启用此选项后，小部件将显示每个资产属性的单位和值。

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

## KPI
<a name="kpi-charts"></a>

当您需要概览资产属性时，KPI 可视化效果可提供紧凑的呈现形式。此概述为您提供有关装置、设备或流程整体性能的关键见解。您可以更改可视化效果中每个属性的标题。

**Example**  
以下关键绩效指标 (KPI) 可视化效果显示四个资产属性。  

![\[KPI 可视化效果示例\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-kpi-chart-console.png)


该 KPI 可视化显示以下信息：
+ 所选时间范围内资产属性的最新值或警报的最新状态。
+ 该值与先前值（即所选时间范围之前的第一个数据点）相比的趋势。

要显示 KPI，请从可视化类型菜单中选择 KPI 图标。

![\[KPI 可视化类型图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-kpi-visualization-type-console.png)


## 表
<a name="table-widgets"></a>

表格小部件以紧凑的形式呈现多个资产属性或警报。您可以使用此概述来查看有关多个装置、设备或流程性能的详细信息。

您可以在表格中显示属性或警报。不能在同一张表格中显示属性和警报。

**Example**  
以下表格小部件显示四个资产属性。  

![\[表格小部件示例。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-table-widget-console.png)


要显示表格小部件，请从可视化类型菜单中选择表格图标。

![\[表格小部件类型图标。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-table-visualization-type-console.png)


# 配置阈值
<a name="configure-thresholds"></a>

作为项目所有者，您可以为可视化效果配置阈值，以指示资产属性何时超出其正常操作范围。添加阈值时，即定义规则和颜色。如果某个属性的数据点中至少有一个超过所选时间范围的阈值，则可视化效果将以您选择的颜色显示该属性的图例。您可以选择可视化效果是否以您选择的颜色显示属性的数据。您可以为每个可视化效果添加多个阈值，并选择颜色来表示严重程度。

**注意**  
如果您向可视化效果中添加带有警报的属性，则可视化会自动将警报显示为阈值。

以下示例中的阈值表示风力发电场的总输出功率低于 **30,000** 瓦。由于属性值满足阈值，可视化效果将图例显示为绿色。

![\[带有阈值的折线图可视化效果。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-threshold-line-graph-console.png)


当多个阈值应用于一个数据点时，Monito SiteWise r 使用以下规则来选择要显示的阈值颜色：
+ 如果数据点为正数或零，则可视化效果将显示具有最大值的阈值的颜色。
+ 如果数据点为负，则可视化效果将显示具有最大负值的阈值的颜色。
+ 如果数据点满足多个具有相同值的阈值，则可视化效果将显示您上次添加的阈值的颜色。

**注意**  
SiteWise Monitor 会对可视化中的数据点进行四舍五入，但使用实际值与阈值进行比较。考虑一个示例，其中一个数据点的值为 **5.549**。此数据点显示为 **5.55**，但该数据点不符合检查数据点大于或等于 **5.55** 的阈值。

## 向可视化效果添加阈值
<a name="add-threshold"></a>

作为项目所有者，您可以为每个可视化效果定义阈值。

**注意**  
您最多可以为每个可视化添加六个阈值。

**要向可视化效果项添加阈值**

1. 为要更改的可视化效果选择**配置**图标。  
![\[突出显示“配置”图标的可视化效果。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-configure-visualization-settings-console.png)

1. 如果可视化已有阈值，请选择**添加阈值**以添加新的阈值。  
![\[突出显示“添加阈值”的可视化效果配置面板。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-add-threshold-console.png)

1. 选择以下比较运算符之一：
   + **<** - 突出显示至少有一个数据点小于指定值的属性。
   + **>** - 突出显示至少有一个数据点大于指定值的属性。
   + **≤** - 突出显示至少有一个数据点小于或等于指定值的属性。
   + **≥** - 突出显示至少有一个数据点大于或等于指定值的属性。
   + **=** - 突出显示至少有一个数据点等于指定值的属性。

1. 输入阈值，将数据点与指定的运算符进行比较。

1. 选择阈值颜色。对于至少有一个数据点符合阈值规则的属性，可视化效果会以这种颜色显示属性图例。启用**颜色违规值**时，可视化还会为符合阈值规则的数据着色。您可以使用颜色选择器、输入十六进制颜色代码或输入颜色分量值。

1. （可选）切换**颜色违规值**。启用此选项后，当数据达到阈值时，可视化会以彩色显示数据。

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

## 从可视化效果中删除阈值
<a name="remove-threshold"></a>

作为项目所有者，如果您不再需要阈值，可以从可视化中删除。

**要从可视化效果中删除阈值**

1. 为要更改的可视化效果选择**配置**图标。

1. 选择要移除的阈值的 **X** 图标。  
![\[突出显示移除图标的可视化阈值。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-remove-threshold-console.png)

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

# 配置趋势线
<a name="configure-trend-lines"></a>

作为项目所有者，您可以配置趋势线以显示对数据的统计分析。添加趋势线时，您可以选择分析的类型和要分析的属性。这使您和您的团队能够识别数据中的趋势，从而更好地了解您的运营情况。

以下可视化类型支持趋势线：
+ [行](choose-visualization-types.md#line-charts)
+ [散点图](choose-visualization-types.md#scatter-charts)
+ [条形图](choose-visualization-types.md#bar-charts)

以下是带有线性趋势线的可视化效果示例。

![\[带有线性趋势线的折线图可视化效果。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-trend-line-graph-console.png)


**注意**  
控制面板仅使用选定时间范围内的数据来计算趋势线。这意味着趋势线仅显示可见数据的趋势。

## 向可视化效果添加趋势线
<a name="add-trend-line"></a>

作为项目所有者，您可以为每个可视化效果定义趋势线。

**注意**  
在可视化效果中，您可以向每个属性添加每种类型的趋势线。

**要向可视化效果添加趋势线**

1. 为要更改的可视化效果选择**配置**图标。  
![\[突出显示“配置”图标的可视化效果。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-configure-visualization-settings-console.png)

1. 选择**添加趋势线**。  
![\[突出显示“添加趋势线”的可视化配置面板。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-add-trend-console.png)

1. 从以下选项中选择要显示的趋势线类型：
   + **线性** — 一条线性回归线。 SiteWise Monitor 使用[最小二乘](https://en.wikipedia.org/wiki/Least_squares)法计算线性回归。

1. 选择显示趋势线的属性。

   趋势线的显示颜色与属性数据的颜色相同。

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。

## 从可视化效果中移除趋势线
<a name="remove-trend-line"></a>

作为项目所有者，如果您不再需要趋势线，则可以将其从可视化效果中删除。

**要从可视化效果中移除趋势线**

1. 为要更改的可视化效果选择**配置**图标。

1. 选择要移除的趋势线的 **X** 图标。  
![\[突出显示移除图标的可视化趋势线。\]](http://docs.amazonaws.cn/iot-sitewise/latest/appguide/images/dashboard-remove-trend-console.png)

1. <a name="dashboard-save-changes"></a>编辑完控制面板后，选择**保存控制面板**以保存所做的更改。控制面板编辑器关闭。如果您尝试关闭包含未保存更改的控制面板，系统会提示您保存更改。