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

# 查看小组件的属性
<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`。 |