# Line Chart

The Line Chart in the KPI tool provides a clear and dynamic way to visualize trends over time, using lines to connect data points seamlessly. This highly customizable chart allows users to effectively present patterns, comparisons, and progressions in their data. Below is a detailed guide to its features and settings.

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FD9BtsPborwWvMutsVTMh%2Fimage.png?alt=media&#x26;token=f7344df1-9036-4496-b074-18fdfb4f96e0" alt="" width="563"><figcaption></figcaption></figure>

Here's a quick guide to create Line chart in KPI:

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FzuwYk7jAQVXfS9eWpmAo%2FPBIDesktop_gn0Kifvo9E.gif?alt=media&#x26;token=b9ea1dba-4cf1-43dc-a26e-ae8f5ec7207b" alt=""><figcaption><p>Adding Line chart in KPI by Powerviz</p></figcaption></figure>

## Data Tab

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2F7S2kcrRWo1YgmGQYOw5t%2Fimage.png?alt=media&#x26;token=943b5fc1-80f0-4bd3-a4a4-3eb13f1de429" alt="" width="282"><figcaption></figcaption></figure>

In the **Data Tab**, fields are mapped to configure the chart for accurate and effective visualization:

* **Value**: The numeric field that represents the primary data points or values in the chart.
* **By**: The categorical field that defines the axis, groupings, or categories for the chart.
* **Add Subcategory**: A toggle option to include an additional level of categorization, allowing for a more detailed breakdown within the visualization.

## Line Tab

The **Line Tab** for the Line Chart in KPI by Powerviz allows for detailed customization of the chart's line style, markers, and highlights. These settings ensure that the visual aligns with your data's narrative and integrates seamlessly into your report. Below is a detailed explanation of each option:

***

**Chart Type**

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FNhtPmJoyp8xLGpu0pWD0%2Fimage.png?alt=media&#x26;token=ef5b934e-0d63-47d8-ab2f-42e5db0f0621" alt="" width="275"><figcaption></figcaption></figure>

* **Default - Simple Line Chart**: Displays a basic line chart connecting data points across the axis.
* **Variance**: Visualizes the variance between two values by plotting the difference.

***

**Apply to All Toggle**

* **Purpose**: Enables consistent line formatting across all series.
* **When Enabled**: The selected line style, width, and color settings are applied to all line series in the chart.
* **When Disabled**: Allows individual customization for each line series, enabling specific formatting for distinct data series.

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2F4tDfS0aouT3hlQ9VA9Oy%2Fimage.png?alt=media&#x26;token=94d6e42a-1d85-4239-877e-c0d09c896c34" alt="" width="278"><figcaption></figcaption></figure>

***

**Line Type**

Defines the shape and flow of the line connecting data points:

* **Linear**: A straight line that connects data points directly.
* **Spline**: A smooth, curved line that creates a more polished appearance.
* **Step**: A stepped line where changes occur only horizontally or vertically, emphasizing transitions.
* **Step After**: Creates a stepped line, but changes occur after the data point.
* **Step Before**: Creates a stepped line, but changes occur before the data point.

***

**Line Style**

Specifies the appearance of the line:

* **Solid**: A continuous line with no breaks.
* **Dash**: A dashed line with evenly spaced breaks.
* **Dot**: A dotted line with small circular breaks.
* **Dash Dot**: A combination of dashes and dots.
* **Short Dash Dot**: A shorter variation of the dash-dot pattern.
* **Short Dash Dot Dot**: A shorter variation with two dots between dashes.
* **Long Dash Dot**: A longer variation of the dash-dot pattern.
* **Long Dash Dot Dot**: A longer variation with two dots between dashes.

***

**Line Width**

Defines the thickness of the line (measured in pixels). Thicker lines can be used to emphasize particular data series.

***

**Color Palette**

Provides several options to customize the line's color scheme:

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FGK6rpSWGsTXoXhHBevBB%2Fimage.png?alt=media&#x26;token=553a81c8-2a94-405d-b4f0-bfbd0b21856c" alt="" width="277"><figcaption></figcaption></figure>

* **Single**: Use a single, uniform color for the line with [conditional formatting](https://docs.powerviz.ai/powerviz/kpi/edit-mode-introduction/kpi-charts/conditional-formatting).
* **Gradient**: Apply a gradient effect that transitions between colors.
* **IBCS**: Adopts International Business Communication Standards (IBCS) colors for professional consistency.
* **IBCS Diverging**: A diverging IBCS palette for highlighting contrasts.
* **Power BI**: Uses the default Power BI color theme.
* **Sequential**: A gradient scale progressing in a single direction, often for quantitative data.
* **Diverging**: Highlights contrasting values with diverging colors.
* **Qualitative**: A distinct set of colors suitable for categorical data.

***

**Enable Marker Toggle**

* **Purpose**: Activates markers at each data point along the line.
* **When Enabled**: Markers are displayed at the data points, adding clarity to the visualization.
* **When Disabled**: The line appears without markers.

***

**Marker Type**

Defines the shape of the markers at data points:

* **Circle**: A simple circular marker.
* **Square**: A square-shaped marker.
* **Diamond**: A diamond-shaped marker.
* **Upward Triangle**: A triangle pointing upwards.
* **Downward Triangle**: A triangle pointing downwards.

***

**Marker Size**

Adjusts the size of the markers for better visibility. Larger markers emphasize individual data points, while smaller markers maintain subtlety.

***

**Enable Highlight Toggle**

* **Purpose**: Highlights specific data points for emphasis.
* **When Enabled**: Adds distinct visual cues to the chart for key points.
* **When Disabled**: Highlights are not applied.

***

**Highlight Display Type**

Defines the type of data points to highlight:

* **Min/Max**: Highlights the minimum and maximum values in the dataset.
* **First/Last**: Highlights the first and last points in the dataset.
* **Last**: Highlights only the last data point in the dataset.

***

**Color**

Allows customization of highlight colors. You can choose distinct colors for each highlight to enhance clarity and align with your chart’s theme.

## **Deviation Tab**

The **Deviation Display** feature allows users to visualize the difference between selected points in the chart.&#x20;

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FJaBfRBYSPQPHtWFP2jeK%2Fimage.png?alt=media&#x26;token=4a2edd78-5e93-488c-9d76-b8db9fd8d52d" alt="" width="563"><figcaption><p>Deviation in Line Chart</p></figcaption></figure>

Follow these steps to configure deviation in Line Chart:

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FTq3nLexuJYggDLoXGBhh%2Fimage.png?alt=media&#x26;token=550d5531-3337-423c-ba06-b859082d0923" alt="" width="272"><figcaption></figcaption></figure>

**Select Deviation Display Mode**:

* **Last To First**: Displays deviation between the last and the first data points in your dataset.
* **Max To Min**: Displays deviation between the maximum and minimum values in your dataset.
* **Last To Previous**: Displays deviation between the last data point and the one immediately before it.
* **Custom**:
  * Select this option to manually configure the start and end positions for the deviation.
  * Use the dropdowns to choose the **Start Position** and **End Position** for custom deviation.

**Enable/Disable Deviation Labels**:

* Toggle the **Label** option to enable or disable labels for the deviation lines.

**Label Display**

Once labels are enabled, users can define the display style for the deviation labels.

1. **Choose Label Display Type**:
   * **Value**: Shows the absolute difference between the selected points.
   * **Percentage**: Shows the deviation as a percentage of the selected points.
   * **Both**: Displays both the value and percentage.
2. **Customize Label Appearance**:

   * **Size**: Adjust the font size of the label for clear visibility.
   * **Color**: Use the color picker to set a custom label color.

**Deviation Line**

#### The **Deviation Line** feature configures the visual appearance of the line that connects the selected data points.

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2F7em2A86GH1vZNCYZOLre%2Fimage.png?alt=media&#x26;token=5f74b37c-a0df-4f0c-a10f-017f53b804e4" alt="" width="275"><figcaption></figcaption></figure>

1. **Width**:
   * Adjust the thickness of the deviation line to make it more prominent or subtle.
2. **Set Colors**:
   * **Positive Color**: Select the color for positive deviations (e.g., when the second value is larger than the first).
   * **Negative Color**: Select the color for negative deviations (e.g., when the second value is smaller than the first).

The **Connector Line** visually connects the data points along with the deviation line.

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FHLFUIKeOsa71ne4R2P1o%2Fimage.png?alt=media&#x26;token=65c3a1ce-495b-4e09-9213-08758c64850f" alt="" width="275"><figcaption></figcaption></figure>

1. **Choose Connector Line Style**:
   * **Solid**: A continuous line.
   * **Dashed**: A line made of short dashes.
   * **Dotted**: A line made of dots.
2. **Configure Line Appearance**:
   * **Thickness**: Set the thickness of the connector line for better visibility.
   * **Color**: Choose a custom color for the connector line using the color picker.

***

## Format Tab&#x20;

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FoFMSkRE3a6IkTIyhFDwv%2Fimage.png?alt=media&#x26;token=50da7441-57da-4b3e-931c-a23636e8607d" alt="" width="253"><figcaption></figcaption></figure>

Click [here ](https://docs.powerviz.ai/powerviz/kpi/edit-mode-introduction/kpi-charts/format-tab)to explore the Format tab in detail. Explore customization options to modify ranking settings, adjust axis properties, configure gridlines, and fine-tune number formatting to meet your needs. Dive into each section to unlock advanced styling and formatting possibilities.

***

## Actions Tab&#x20;

The Action settings allow you to define interactivity within your report for all visuals. This feature lets you enable or disable cross-filtering capabilities, giving you control over how the visual interacts with others.

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FvT8S2FNnQ7UnK5GDmFdr%2Fimage.png?alt=media&#x26;token=205a18f9-927e-43f2-849d-a597e60834b8" alt="" width="389"><figcaption></figcaption></figure>

**Action Options**

* **None**:
  * Disables interactivity for the selected visual.
  * When selected, interacting with the visual will not impact or filter other visuals in your report.
* **Cross Filtering**:
  * Enables cross-filtering functionality.
  * Interacting with the visual will dynamically filter related visuals, allowing you to analyze specific data points or categories more effectively.

***

## General tab

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FAPOSmohMsOXrqL1eM541%2Fimage.png?alt=media&#x26;token=e59c4481-bcc3-42b1-ab6c-c40512ab41ed" alt="" width="333"><figcaption></figcaption></figure>

This is common tab for all visuals click [here ](https://docs.powerviz.ai/powerviz/kpi/edit-mode-introduction/kpi-charts/general-tab)to explore settings. You can adjust visual properties, manage formatting options, and fine-tune various features to align with your requirements. Make sure to explore each section for a complete configuration.
