本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 檢視小工具的屬性
<a name="lake-widget-properties"></a>

本節說明 4 種檢視類型的可設定檢視屬性：資料表、折線圖、圓餅圖和長條圖。

**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$"]
}
```

下表說明資料表的可設定檢視屬性。


| 參數 | 必要 | Value | 
| --- | --- | --- | 
|  `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$"]
}
```

下表說明折線圖的可設定檢視屬性。


| 參數 | 必要 | Value | 
| --- | --- | --- | 
|  `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$"]
}
```

下表說明圓餅圖的可設定檢視屬性。


| 參數 | 必要 | Value | 
| --- | --- | --- | 
|  `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$"]
}
```

下表說明長條圖的可設定檢視屬性。


| 參數 | 必要 | Value | 
| --- | --- | --- | 
|  `Height`  |  是  |  長條圖的高度，以英吋為單位。  | 
|  `Width`  |  是  |  長條圖的寬度，以英吋為單位。  | 
|  `Title`  |  是  |  長條圖的標題。  | 
|  `View`  |  是  |  小工具檢視類型。對於長條圖，值為 `BarChart`。  | 
|  `LabelColumn`  |  是  |  長條圖中長條的標籤。例如 `service`。  | 
|  `ValueColumn`  |  是  |  長條圖中長條的值。例如 `eventCount`。  | 
|  `FilterColumn`  |  否  |  您要篩選之查詢結果中的 欄位。例如 `service`。  | 
|  `Orientation`  |  否  |  長條圖的方向，`Horizontal`或 `Vertical`。  |