> For the complete documentation index, see [llms.txt](https://docs.xviz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.xviz.com/project-management/planned-bars/planned-bars-formatting.md).

# Planned Bars Formatting

The xViz Gantt Chart allows you to below customization options for Planned Bars:

* [Planned Border Color](#steps-to-configure-planned-border-color)
* [Planned Bar Color](#steps-to-configure-planned-bar-color)

<figure><img src="/files/HkeNRwZJstCYwHWMEiDA" alt=""><figcaption><p><em>Image 1: Customization of Planned Bars</em></p></figcaption></figure>

## Steps to Configure Planned Border Color

1. Go to the Format Pane and select the option for Data Colors

<figure><img src="/files/FvH6XbZQZYjUV5LH9eHO" alt="" width="182"><figcaption><p><em>Image 2: Data Colors options in Format Pane</em></p></figcaption></figure>

2. Select the "Border Color" option from Interaction State dropdown and you can then customize the Border color of the Planned Bars to match your preferences.

<figure><img src="/files/SEmdEQnzVxNh8yVDC0G4" alt="" width="181"><figcaption><p><em>Image 3: Planned Border Color</em></p></figcaption></figure>

### Steps to Configure Planned Bar Color:

1. Go to the Format Pane and select the option for Data Colors

<figure><img src="/files/FvH6XbZQZYjUV5LH9eHO" alt="" width="182"><figcaption><p><em>Image 4: Data Colors options in Format Pane</em></p></figcaption></figure>

2. Select the "Border Color" option from Interaction State dropdown and you can then customize the Border color of the Planned Bars to match your preferences.

<figure><img src="/files/F3q5e6LAE6pNlHleLHVi" alt="" width="164"><figcaption><p><em>Image 5: Planned Fill Color</em></p></figcaption></figure>