> For the complete documentation index, see [llms.txt](https://docs.datasuite.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.datasuite.vn/english/features/chart/edit-chart/change-chart-color-column-spacing-and-border.md).

# Change Chart Color, Column Spacing, and Border

<figure><img src="https://207765737-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpRDG3vvgCOF596sbdkH0%2Fuploads%2FFDYfhVhe1GOzj197ezfp%2Fimage.png?alt=media&amp;token=1bfe5a84-2683-4993-a294-78feda0fda33" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Select the Chart

Click on the Chart you want to edit.
{% endstep %}

{% step %}

#### Open the Style Tab

In the **Visualizations** panel, navigate to the **Style** tab.
{% endstep %}

{% step %}

#### Customize the chart appearance as needed

* **Color**: Change the display color of chart elements.
* **Column spacing**: Adjust the distance between columns or bars.
* **Border**: Change border thickness and style.

Click **Preview** to see the updated chart before saving.
{% endstep %}

{% step %}

#### Publish the Changes

Click **Publish** to save your changes.
{% endstep %}
{% endstepper %}