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

# 檢視小工具的屬性
<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`。 |