# Connectors Formatting

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

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FI5Fx8mhz2fqwWKWRonoT%2Fimage.png?alt=media&#x26;token=2b22195a-79a7-4e70-a94c-b3e1f492d999" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Fjw1YoIgNUtPXh8W0YGJ4%2Fimage.png?alt=media&#x26;token=bd531d4e-3664-440f-93b7-5b1d2c98580c" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FffTQ7T6jSWzYgU4NoXtO%2Fimage.png?alt=media&#x26;token=5827bae1-8ad6-4385-9dd9-bec2cdfa786f" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FWmVPNTYeKb5Hjlod00H8%2Fimage.png?alt=media&#x26;token=d46dd5d0-d7ba-4e1f-8d72-151ce8d02b85" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Fa7bEPg6y9rhkZW3Fjyq1%2Fimage.png?alt=media&#x26;token=8997d101-8f0d-44b1-b320-c2a644a706cf" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FTUUHv8QFTlpuIdS4Vomw%2Fimage.png?alt=media&#x26;token=85ce7853-c02d-42e7-8122-a4e0cf0e5adf" alt="" width="181"><figcaption><p><em>Image 6: Connector Line Stroke</em></p></figcaption></figure>