# Background Images

**Note** :  To use a specific customization in your environment, please send a request to the VitaraCharts support team. All customization files are managed in a cloud environment by the support team.

### How to set the Vitara charts’ backdrop images.There are two ways to insert the background image: <a href="#custom-css-in-vitara-charts" id="custom-css-in-vitara-charts"></a>

### Using a relative path (the image needs to be placed in VitaraCharts folder) <a href="#using-a-relative-path-the-image-needs-to-be-placed-in-vitaracharts-folder" id="using-a-relative-path-the-image-needs-to-be-placed-in-vitaracharts-folder"></a>

## **Step 1:**

Copy the image which you want to set as a background for Vitara charts in the following folder.

```
custom\images
```

## **Step 2:**

Open edit popup window, goto background tab, click on “Enable background image” checkbox.

## **Step 3:**

Enter the name of the image with the extension (.png or .jpg) into the text box. Example:

<figure><img src="https://106821559-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuIDde50GEkigLbPmGgLx%2Fuploads%2FAWtRs08hLJerIJ26GnhL%2Fimage.png?alt=media&#x26;token=b5fe36de-0749-4819-9e35-b8e09500e20a" alt=""><figcaption></figcaption></figure>

Note: Image name is case sensitive.

## Using Image URL or full path <a href="#using-image-url-or-full-path" id="using-image-url-or-full-path"></a>

We can directly copy the image web URL or full path in the text box.\
Examples:

<figure><img src="https://106821559-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuIDde50GEkigLbPmGgLx%2Fuploads%2FK5sCYeD4kq6aLMrQSNZI%2Fimage.png?alt=media&#x26;token=4c9704f7-4879-4a93-8a7e-8980913cc4a9" alt=""><figcaption></figcaption></figure>

We have options like - original/fit to chart/fill chart/custom, to make the image to fit with the Vitara chart. The opacity option can reduce the intensity of the background image on the Vitara chart. Below we can see a screenshot of Stacked Column Chart with a background image.

<figure><img src="https://106821559-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuIDde50GEkigLbPmGgLx%2Fuploads%2F0S5VqyIn6oxNNxM0iP2K%2Fimage.png?alt=media&#x26;token=2fdcb96a-6360-46a1-9f20-5e51b711d517" alt=""><figcaption></figcaption></figure>
