

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

# 查看小组件的属性
<a name="lake-widget-properties"></a>

本节介绍了四种视图类型的可配置视图属性：表格、折线图、饼图和条形图。

**Topics**
+ [表](#lake-widget-table)
+ [折线图](#lake-widget-linechart)
+ [饼图](#lake-widget-piechart)
+ [条形图](#lake-widget-barchart)

## 表
<a name="lake-widget-table"></a>

以下示例显示了一个配置为表格的小组件。

```
{
    "ViewProperties": {
       "Height": "2",
       "Width": "4",
       "Title": "TopErrors",
       "View": "Table"
    },
    "QueryStatement": "SELECT errorCode, COUNT(*) AS eventCount FROM eds WHERE eventTime > '?' AND eventTime < '?' AND (errorCode is not null) GROUP BY errorCode ORDER BY eventCount DESC LIMIT 100",
    "QueryParameters": ["$StartTime$", "$EndTime$"]
}
```

下表描述了表格的可配置视图属性。


| 参数 | 必需 | 值 | 
| --- | --- | --- | 
|  `Height`  |  是  |  表格的高度（以英寸为单位）。  | 
|  `Width`  |  是  |  表格的宽度（以英寸为单位）。  | 
|  `Title`  |  是  |  表格的标题。  | 
|  `View`  |  是  |  小组件视图类型。对于表格，该值为 `Table`。  | 

## 折线图
<a name="lake-widget-linechart"></a>

以下示例显示了一个配置为折线图的小组件。

```
{
    "ViewProperties": {
       "Height": "2",
       "Width": "4",
       "Title": "AccountActivity",
       "View": "LineChart",
       "YAxisColumn": "eventCount",
       "XAxisColumn": "eventDate",
       "FilterColumn": "readOnly"
    },
    "QueryStatement": "SELECT DATE_TRUNC('?', eventTime) AS eventDate, IF(readOnly, 'read', 'write') AS readOnly, COUNT(*) as eventCount FROM eds WHERE eventTime > '?' AND eventTime < '?' GROUP BY DATE_TRUNC('?', eventTime), readOnly ORDER BY DATE_TRUNC('?', eventTime), readOnly",
    "QueryParameters": ["$Period$", "$StartTime$", "$EndTime$", "$Period$", "$Period$"]
}
```

下表描述了折线图的可配置视图属性。


| 参数 | 必需 | 值 | 
| --- | --- | --- | 
|  `Height`  |  是  |  折线图的高度（以英寸为单位）。  | 
|  `Width`  |  是  |  折线图的宽度（以英寸为单位）。  | 
|  `Title`  |  是  |  折线图的标题。  | 
|  `View`  |  是  |  小组件视图类型。对于折线图，该值为 `LineChart`。  | 
|  `YAxisColumn`  |  是  |  查询结果中要用于 Y 轴列的字段。例如 `eventCount`。  | 
|  `XAxisColumn`  |  是  |  查询结果中要用于 X 轴列的字段。例如 `eventDate`。  | 
|  `FilterColumn`  |  否  |  查询结果中要根据其进行筛选的字段。例如 `readOnly`。  | 

## 饼图
<a name="lake-widget-piechart"></a>

以下示例显示了一个配置为饼图的小组件。

```
{
    "ViewProperties": {
       "Height": "2",
       "Width": "4",
       "Title": "MostActiveRegions",
       "View": "PieChart",
       "LabelColumn": "awsRegion",
       "ValueColumn": "eventCount",
       "FilterColumn": "awsRegion"
    },
    "QueryStatement": "SELECT awsRegion, COUNT(*) AS eventCount FROM eds where eventTime > '?' and eventTime < '?' GROUP BY awsRegion ORDER BY eventCount LIMIT 100",
    "QueryParameters": ["$StartTime$", "$EndTime$"]
}
```

下表描述了饼图的可配置视图属性。


| 参数 | 必需 | 值 | 
| --- | --- | --- | 
|  `Height`  |  是  |  饼图的高度（以英寸为单位）。  | 
|  `Width`  |  是  |  饼图的宽度（以英寸为单位）。  | 
|  `Title`  |  是  |  饼图的标题。  | 
|  `View`  |  是  |  小组件视图类型。对于饼图，该值为 `PieChart`。  | 
|  `LabelColumn`  |  是  |  饼图中各区段的标签。例如 `awsRegion`。  | 
|  `ValueColumn`  |  是  |  饼图中各区段的值。例如 `ValueColumn`。  | 
|  `FilterColumn`  |  否  |  查询结果中要根据其进行筛选的字段。例如 `awsRegion`。  | 

## 条形图
<a name="lake-widget-barchart"></a>

以下示例显示了一个配置为条形图的小组件。

```
{
    "ViewProperties": {
       "Height": "2",
       "Width": "4",
       "Title": "TopServices",
       "View": "BarChart",
       "LabelColumn": "service",
       "ValueColumn": "eventCount",
       "FilterColumn": "service",
       "Orientation": "Horizontal"
    },
    "QueryStatement": "SELECT REPLACE(eventSource, '.amazonaws.com') AS service, COUNT(*) AS eventCount FROM eds WHERE eventTime > '?' AND eventTime < '?' GROUP BY eventSource ORDER BY eventCount DESC LIMIT 100",
    "QueryParameters": ["$StartTime$", "$EndTime$"]
}
```

下表描述了条形图的可配置视图属性。


| 参数 | 必需 | 值 | 
| --- | --- | --- | 
|  `Height`  |  是  |  条形图的高度（以英寸为单位）。  | 
|  `Width`  |  是  |  条形图的宽度（以英寸为单位）。  | 
|  `Title`  |  是  |  条形图的标题。  | 
|  `View`  |  是  |  小组件视图类型。对于条形图，该值为 `BarChart`。  | 
|  `LabelColumn`  |  是  |  条形图中条形图的标签。例如 `service`。  | 
|  `ValueColumn`  |  是  |  条形图中条形图的值。例如 `eventCount`。  | 
|  `FilterColumn`  |  否  |  查询结果中要根据其进行筛选的字段。例如 `service`。  | 
|  `Orientation`  |  否  |  条形图的方向：`Horizontal` 或 `Vertical`。  | 