# 建立折線圖

折線圖用於顯示隨時間變化的趨勢。維度通常位於 X 軸，量值通常位於 Y 軸。

您可在編輯的工作表中建立折線圖。

請執行下列動作：

1. 在資產面板中，開啟圖表。
2. 在 視覺化 中，將一個空白的折線圖拖曳到工作表。
3. 按一下新增維度，並選取維度或欄位。
4. 按一下新增量值，並選取量值或從欄位中建立量值。

在折線圖中，您至少需要一個維度和一個量值。

您最多可以在折線圖中包含兩個維度及一個量值，或一個維度及最多 15 個量值。

建立折線圖

| 維度 | 量值 | 結果 |
| --- | --- | --- |
| 1 個維度 | 1 個量值 | 簡單的折線圖有單一線條。 |
| 2 個維度 | 1 個量值 | 折線圖在 X 軸有第一個維度，第二個維度的每個值有一個線條。 |
| 1 個維度 | 最多 15 個量值 | 折線圖對每個量值有一個線條。 |

建立折線圖後，您可以在屬性面板中調整其外觀和其他設定。 如需關於樣式設定的資訊，請參閱 [設定折線圖樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/LineChart/create-line-charts.htm#Styling)。如需關於自訂其他圖表外觀層面的資訊，請參閱 [變更視覺化外觀](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm)。

## 設定折線圖樣式

在屬性面板中提供一些樣式選項。按一下外觀 &gt; 呈現之下的 the 樣式 icon，以在圖表層級 (為整個圖表) 設定文字、背景、資料點大小和線條的樣式。樣式面板在一般和圖表索引標籤之下包含各種區段。您可以按一下每個區段旁邊的 ![重設](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 以重設樣式。按一下 ![重設](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg)全部重設可在樣式面板中重設所有可用索引標籤的樣式。 您在此套用的任何自訂會覆寫應用程式佈景主題中的樣式設定。

如需關於設定個別視覺化樣式的一般資訊，請參閱 [將自訂樣式套用至視覺化](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。

### 自訂文字

您可以在外觀 &gt; 一般之下設定標題、子標題和註腳的文字。若要隱藏這些元素，關閉顯示標題。

圖表上不同標籤的可見性取決於圖表特定設定和標籤顯示選項。可在屬性面板中設定這些內容。

您可以設定顯示在圖表中的文字樣式。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 &gt; 呈現之下，按一下 the 樣式 icon 。

3. 在一般索引標籤，設定下列文字元素的字型、強調樣式、字型大小和色彩：

   * 標題

   * 副標題

   * 註腳

4. 在圖表索引標籤，設定下列文字元素的字型、字型大小和色彩：

   * 軸標題：設定軸標題的樣式。

   * 軸標籤：設定軸標籤的樣式。

   * 值標籤：為設定為線條的量值設定標籤樣式。

   * 圖例標題：設定圖例標題的樣式。

   * 圖例標籤：設定個別圖例項目標籤的樣式。

### 自訂背景

您可以自訂圖表的背景。可依色彩和影像設定背景。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 &gt; 呈現之下，按一下 the 樣式 icon 。

3. 在樣式面板的一般索引標籤，您可以選取背景色彩 (單一色彩或運算式)。您也可以從媒體庫或 URL 將背景設定為影像。

   資訊備註

   若要從 URL 新增背景影像，必須將來源新增至您的租用戶的內容安全性政策的允許清單中。使用 img-src 指示詞新增來源。這由管理員在 管理 活動中心完成。

   如需詳細資訊，請參閱[建立 CSP 輸入項目](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

   使用背景色彩時，使用滑桿調整背景的不透明度。

   使用背景影像時，您可以調整影像大小和位置。

### 在圖表層級自訂資料點

您可以設定資料點的大小。在此定義的設定會套用至圖表中的所有量值。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 &gt; 呈現之下，按一下 the 樣式 icon 。

3. 在樣式設定面板的圖表索引標籤上，於資料點大小之下，調整滑塊以變更圖表中資料點的大小。

### 在圖表層級自訂量值線條

您可以自訂圖表中線條的外觀。在此定義的設定會套用至圖表中的所有量值。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 &gt; 呈現之下，按一下 the 樣式 icon 。

3. 切換至樣式設定面板的圖表索引標籤。

4. 在線條選項區段中，調整線條厚度、線條類型 (實線或虛線) 和線條彎曲 (線性或單色調)。

### 個別設定每個量值的樣式

可以透過獨立設定為圖表中的每個量值線條設定樣式。對於每個量值，您可以自訂資料點大小、線條厚度、線條類型和線條彎曲。

請執行下列動作：

1. 在屬性面板中，展開資料區段。

2. 按一下想要自訂的量值。

3. 在樣式之下，按一下新增。

4. 調整資料點大小、線條厚度、線條類型 (實線或虛線) 和線條彎曲 (線性或單色調)。

對您需要在應用程式佈景主題或圖表層級樣式設定以外獨立自訂的每個個別量值重複這些步驟。

### 自訂框線和陰影

您可以自訂圖表的框線和陰影。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 &gt; 呈現之下，按一下 the 樣式 icon。

3. 在樣式面板的一般索引標籤，於框線 之下，調整外框大小，以增加或減少圖表周圍的框線。

4. 選取框線色彩。

5. 調整圓角半徑以控制框線的圓度。

6. 在一般索引標籤的陰影之下，選取陰影大小和色彩。選取無以移除陰影。

## 根據條件顯示或隱藏維度和量值

您可以根據條件是 true 或 false，來顯示或隱藏維度或量值。這稱為顯示條件，以運算式輸入。只有在運算式評估為 true 時，才會顯示維度或量值。若此欄位為空，則維度或量值會永遠顯示。在屬性面板的資料區段中展開維度或量值，並在顯示維度條件或顯示量值條件之下輸入運算式。

資訊備註若圖表中的任何維度正在使用顯示條件，會為折線圖停用自訂工具提示。

資訊備註若折線圖中的任何維度或量值使用顯示條件，則無法使用時間序列預測。

假設您的資料集有欄位 `Sales`、`Quarter`、`Year` 和 `Order Number` 等。您可以設定圖表，以便隨著基於時間的維度針對每年彙總顯示銷售。若公司接收的訂單總數已達 100,000 的目標，您可以為每季彙總新增第二維度，但只會透過此維度組織資料。

請執行下列動作：

1. 從資產面板，將折線圖拖曳至工作表。

2. 新增 `Quarter` 作為維度。

3. 從屬性面板新增 `Year` 作為第二維度。

   資料模型中的每個相異年份會成為圖表中獨立的線條。

4. 新增 `Sum(Sales)` 作為量值。

5. 在屬性面板中，展開維度 `Manager`。在顯示維度條件之下，新增下列運算式：

   `Count([Order Number])>100000`

若資料包含 50,000 個訂單記錄，則圖表不會透過季度組織銷售，因為運算式評估為 false。若資料包含 100,000 個或更多訂單記錄，將會透過 `Year` 和 `Quarter` 組織銷售。

## 新增趨勢線

您可以將趨勢線新增至圖表。使用趨勢線視覺化資料隨著時間的變化。

如需更多關於趨勢線的資訊，請參閱 [趨勢線](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Measures/trend-lines.htm)。

請執行下列動作：

1. 在屬性面板中，展開資料區段。

2. 在量值之下，展開您要新增趨勢線的量值。

3. 在趨勢線之下，按一下新增趨勢線。

4. 定義趨勢線的標籤和類型。

5. 使用色彩滑塊定義自訂或自動著色。

6. 使用核取方塊開啟或關閉虛線外觀。

## 使用形狀

透過形狀，您可以在圖表中將點和線新增為獨立的項目。形狀讓您可以使用有助於分析的特殊資訊來增強您的維度和量值資料。例如，您可以新增一個點，以醒目顯示特定的維度值，或在關鍵績效指標的最高點和最低點之間繪製一條線。

[Manually add points and lines to line charts](https://play.vidyard.com/AnLimnuHZj8MWpR2pYqi1A)

### 新增點

請執行下列動作：

1. 在屬性面板中，展開附加元件 &gt; 形狀。

2. 按一下新增形狀，然後選取點。

3. 或者，使用文字或運算式為該點定義標籤。

4. 在維度值之下，輸入要新增點的維度值。您也可以用運算式定義值。

5. 在量值輸入下拉式功能表中，選取下列選項之一並定義功能表下方的值：

   * 量值之值：定義要新增點的量值之值，可以是簡單的值或運算式。例如，您可以使用集合分析運算式。

   * 量值索引：定義從中擷取量值之值的量值。提供的內容可以是簡單的值或運算式。例如，使用 0 表示圖表中的第一個量值，使用 1 表示圖表中的第二個量值，依此類推。

6. 設定用於該點的符號。預設值為圓形。

7. 如有需要，調整標籤位置。標籤可以顯示在該點的上方或下方。

8. 使用以下設定設定顏色和不透明度。您也可以將這些元素設定為沒有顏色。

   * 點色彩

   * 輪廓顏色

   * 標籤色彩

9. 如果已定義，請使用彩色背景核取方塊為標籤新增背景。若開啟此選項，定義的標籤色彩將用於背景，標籤文字將切換為與背景對比最鮮明的色彩。

10. 使用滑桿調整外框寬度和資料點大小。

### 新增線條

您可以將線條新增為一系列的點。該線條連接您為其定義的各個點。

請執行下列動作：

1. 在屬性面板中，展開附加元件 &gt; 形狀。

2. 按一下新增形狀，然後選取線。

3. 或者，使用文字或運算式為該線條定義標籤。這不會出現在圖表中，但若您有多個線條和點，這有助於識別。

4. 預設情況下，資料點不會在條上醒目顯示。若要醒目顯示，請開啟線條設定底部的顯示資料點。開啟此選項後，將顯示更多點設定。

5. 若要新增點，請按一下新增點。

6. 在維度值之下，輸入要新增點的維度值。您也可以用運算式定義值。

7. 在量值輸入下拉式功能表中，選取下列選項之一並定義功能表下方的值：

   * 量值之值：定義要新增點的量值之值，可以是簡單的值或運算式。例如，您可以使用集合分析運算式。

   * 量值索引：定義從中擷取量值之值的量值。提供的內容可以是簡單的值或運算式。例如，使用 0 表示圖表中的第一個量值，使用 1 表示圖表中的第二個量值，依此類推。

8. 使用以下設定調整點的外觀。若開啟顯示資料點，這些設定就會變成可見。

   * 標籤：設定點的文字標籤。

   * 符號：設定點的形狀。預設為圓形。

   * 標籤位置：選擇要在點的上方或下方顯示標籤。

   * 點色彩：設定點的色彩。

   * 外框色彩：設定點外框的色彩。

   * 標籤色彩：設定標籤文字的色彩。如果開啟了彩色背景，則此設定將改為控制標籤後方的背景。

   * 外框寬度：設定點外框的寬度。

   * 資料點大小：設定點的整體大小。

   * 彩色背景：如果已定義標籤文字，則新增標籤的背景。若開啟此選項，定義的標籤色彩將用於背景，標籤文字將切換為與背景對比最鮮明的色彩。

9. 根據需要使用上述步驟新增一個或多個點。

10. 設定線條顏色，包括不透明度。

11. 使用滑桿調整線條厚度。

12. 選取線條類型，在實線或虛線之間選擇。

13. 使用線條曲線下拉式功能表選取下列選項之一：

    * 線性：每個點都以直線連接。

    * 單調：每個點都以曲線連接。

## 在組織圖內新增影像

您可以新增影像以與圖表中的維度對齊。影像可以新增到量值上或量值軸上的任何位置。影像可以根據運算式動態調整大小。

[Add images to line chart](https://play.vidyard.com/2JnM1U518XTsvKVj19ro6Q)

請執行下列動作：

1. 在屬性面板中，展開附加元件 &gt; 影像。

2. 按一下新增影像。

3. 選取來源。您有下列選項：

   * 媒體庫：按一下 the 選取影像 icon，選取影像，然後按一下插入。您也可以將新影像上傳至媒體庫，然後使用。

   * URL：輸入 URL 或運算式以定義 URL。

     資訊備註

     若要從 URL 新增影像，必須將來源新增至您的租用戶的內容安全性政策的允許清單中。使用 img-src 指示詞新增來源。這由管理員在 管理 活動中心完成。

     如需詳細資訊，請參閱[建立 CSP 輸入項目](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

4. 在維度值之下，指定影像將顯示的維度值。

   對於具有多個維度的圖表，必須使用來自群組維度的值。

5. 在量值輸入之下，選取在量值軸上插入影像之位置的選項：

   * 量值索引：指定放置影像的量值號碼。第一個量值使用 0，第二個量值使用 1，依此類推。

   * 量值之值：指定定義影像在量值軸上之位置的值或運算式。這可以在軸上的任何位置，並且不需要與量值的實際值相對應。

   對於具有多個維度的圖表，量值索引無法使用，您只能指定量值之值。

6. 在尺寸之下，選取簡單或自訂。

   透過簡單，您可以使用單一滑桿定義尺寸。

7. 透過自訂，您可以指定寬度和高度 (矩形) 或半徑 (圓形)。支援運算式。例如，可以根據量值之值動態調整影像大小。

8. 在形狀之下，選取矩形或圓形。

9. 使用滑桿設定不透明度。

10. 調整影像的位置。

## 瞭解更多資訊

* [折線圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/LineChart/line-chart.htm)

* [透過折線圖進行時間序列預測](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/LineChart/timeseries-forecast.htm)

* [將趨勢和參考線新增至視覺化](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/add-trend-and-reference-lines.htm)

* [解譯折線圖](https://help.qlik.com/lnk/Interpreting_line_charts)

* [如何在 Qlik Cloud 中根據時間序列資料來預測？](https://help.qlik.com/lnk/How_forecast_timeseries_data_qlikcloud)

相關學習內容：

* [解譯折線圖](https://help.qlik.com/lnk/Interpreting_line_charts)
* [如何在 Qlik Cloud 中根據時間序列資料來預測？](https://help.qlik.com/lnk/How_forecast_timeseries_data_qlikcloud)