> 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/connectors/connectors-formatting.md).

# Connectors Formatting

 The xViz Gantt Chart allows you to configure the colors and types of connectors

<figure><img src="/files/UYLMUeDmtORox0mDzPWw" alt=""><figcaption><p><em>Image 1: Connectors Formatting</em></p></figcaption></figure>

### Steps to Formatting Connectors:

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 "Connectors" option from Interaction State dropdown.

<figure><img src="/files/3j4BOLNHl3YvMEyjTE6X" alt="" width="180"><figcaption><p><em>Image 3: Select Connectors option from dropdown</em></p></figcaption></figure>

3. You can then customize the line and arrow colors of the connectors to match your preferences.

<figure><img src="/files/9C9cix1dzpRWK5ykrhPD" alt="" width="180"><figcaption><p><em>Image 4: Customize the Connetors color</em></p></figcaption></figure>

4. Then you can display the Connector Line Type in different styles such as

* Solid
* Dotted
* Dashed
* Dashed-Dotted

<figure><img src="/files/Mn4tWYRKNzHH3L15nLuO" alt="" width="179"><figcaption><p><em>Image 5: Connectors Line Type</em></p></figcaption></figure>

5. Adjust the connectors line stroke you would like to customize.

<figure><img src="/files/ba91M3fQ8L4A8qCuC36m" alt="" width="181"><figcaption><p><em>Image 6: Connector Line Stroke</em></p></figcaption></figure>