# Static Approach

We can display the Reference line and Reference Range with Static Approach using the Reference tab which is located in Advance Editor.

### Setting up using configurations:

1. Go to the **Advanced Editor** 

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2F9BUN9TlcBQui3ngfsMwX%2F2.png?alt=media" alt=""><figcaption><p><em>Image 1: Advance Editor Icon</em></p></figcaption></figure>

2. Navigate to the "Reference" Tab

![Image 2: Advance Editor-References Tab in the xViz Gantt Chart](https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FQNsYuGl9rQO5QxZQsTHa%2F3.png?alt=media)

#### **a. For Reference lines**&#x20;

The xViz Gantt provides users the option to set multiple reference lines based on different logic:

2. **Date configuration**

We need to configure one single date to add the Reference Line on the Chart:

* **First-of-date –** Displays Reference Line on the earliest start date from the data where the Timeline starts.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FwNmXT7XKGKjzSZadEbM2%2Fimage.png?alt=media&#x26;token=2bbeb995-21f0-423c-91bf-295d6299eb61" alt="" width="563"><figcaption><p><em>Image 3: Reference Line option First-of-date in the xViz Gantt Chart</em></p></figcaption></figure>

* **Last-of-date-** Displays Reference Line on the latest start date from the data, where the Timeline ends.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FdwXCWjJpiw3QHOT5n5bP%2Fimage.png?alt=media&#x26;token=7f6aefc3-7680-40ab-861a-54e1dd7b1046" alt="" width="563"><figcaption><p><em>Image 4: Reference Line option Last-of-date in the xViz Gantt Chart</em></p></figcaption></figure>

* **Today-** Displays Reference Line on the present day dynamically.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FQEfzAlPqpeoXqUq7TGsD%2Fimage.png?alt=media&#x26;token=72902ac2-61fc-4bd3-b545-bcf9e86fc2c5" alt="" width="563"><figcaption><p><em>Image 5: Reference Line option Today in the xViz Gantt Chart</em></p></figcaption></figure>

* **Custom Date-** Displays Reference Line for the static date provided in the configuration

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FaJOOXs3Sh9KpVx4FQNYb%2Fimage.png?alt=media&#x26;token=47c43a84-5019-4b3c-8e1d-aa9612b09fe0" alt="" width="563"><figcaption><p><em>Image 6: Reference Line option Custom Date in the xViz Gantt Chart</em></p></figcaption></figure>

3. &#x20;**Formatting options for Reference Lines:**

![Image 7: Reference Line Formatting options in the xViz Gantt Chart](https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FffOP8CNMimS2DoE3cYP0%2F12.png?alt=media)

* **Reference Color** - Choose from color palette and set the color as per needs.
* **Display Line Type and Stroke** - Apply Line type formatting from the options below:

1. Dotted
2. Dashed
3. Solid
4. Dashed-Dotted

Adjust the **Width** of the Line type using **Stroke** Option.

* **Text- Font Weight, Position and Background**-Format the text using Font size, Position, and background color options.

#### **b. Reference Band**

Use the reference range, **Custom Date Range** option to highlight a specific range on your Timeline.

2. **Date configuration**

We need to configure Custom Date from and Date to dates to highlight the specific Range in the Chart.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Fnf7YQ4OP6yEbG7ipsNYD%2Fimage.png?alt=media&#x26;token=69a7ba16-1066-49b5-8bf7-f5b3da57eef7" alt="" width="563"><figcaption><p><em>Image 8: Reference Band in the xViz Gantt Chart</em></p></figcaption></figure>

For the date range as well, the from and to dates can be set using the different date options shown in Reference Line section.&#x20;

3. **Formatting options for Reference Band:**

* **Band Pattern and Color:** Choose from various Patterns provided as per needs and set the color using color palette.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FyzxNdGvAkt9oLBYWxgrk%2Fimage.png?alt=media&#x26;token=da67bdbd-96ad-49c0-9139-1c36343a65b3" alt=""><figcaption><p><em>Image 9: Formatting options for Reference Band</em></p></figcaption></figure>

* **Text- Font Weight, Position and Background**-Format the text using Font size, Position, and background color options.

{% hint style="info" %}
We can also display the Reference line and Reference Range using the Data Fields of Reference Start Date and Reference End Date - [Data Driven Approach](https://docs.xviz.com/project-management/reference-lines-and-reference-range/data-driven-approach)
{% endhint %}