> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IThemeChart

- Package: [@gooddata/sdk-model](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/index.md)
- Kind: interface
- Stability: beta
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-model/src/theme/index.ts

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Charts customization

**Signature:**

```typescript
export interface IThemeChart 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [axis?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartaxis) |  | [IThemeAxis](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemeaxis/index.md) | **_(BETA)_** _(Optional)_ |
| [axisColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartaxiscolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Axis line color |
| [axisLabelColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartaxislabelcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Axis label color, title name of axis |
| [axisValueColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartaxisvaluecolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Axis value color, numbers or names under axis |
| [backgroundColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartbackgroundcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Background color |
| [dataLabel?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartdatalabel) |  | [IThemeDataLabel](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedatalabel/index.md) | **_(BETA)_** _(Optional)_ |
| [gridColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartgridcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Grid line color |
| [legendValueColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartlegendvaluecolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Legend value color |
| [plotLineColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemechartplotlinecolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Grid plot line color |
| [tooltip?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemecharttooltip) |  | [IThemeChartTooltip](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecharttooltip/index.md) | **_(BETA)_** _(Optional)_ |
| [tooltipBackgroundColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemecharttooltipbackgroundcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Tooltip background color |
| [tooltipBorderColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemecharttooltipbordercolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Tooltip border color |
| [tooltipLabelColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemecharttooltiplabelcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Tooltip label color |
| [tooltipValueColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemechart/index.md#ithemecharttooltipvaluecolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Tooltip value color |

## Property details

### IThemeChart.axis

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
axis?: IThemeAxis;
```

### IThemeChart.axisColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

> Warning: This API is now obsolete.
> 
> Use axis.color instead
> 

Axis line color

**Signature:**

```typescript
axisColor?: ThemeColor;
```

### IThemeChart.axisLabelColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

> Warning: This API is now obsolete.
> 
> Use axis.labelColor instead
> 

Axis label color, title name of axis

**Signature:**

```typescript
axisLabelColor?: ThemeColor;
```

### IThemeChart.axisValueColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

> Warning: This API is now obsolete.
> 
> Use axis.valueColor instead
> 

Axis value color, numbers or names under axis

**Signature:**

```typescript
axisValueColor?: ThemeColor;
```

### IThemeChart.backgroundColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Background color

**Signature:**

```typescript
backgroundColor?: ThemeColor;
```

### IThemeChart.dataLabel

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
dataLabel?: IThemeDataLabel;
```

### IThemeChart.gridColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Grid line color

**Signature:**

```typescript
gridColor?: ThemeColor;
```

### IThemeChart.legendValueColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Legend value color

**Signature:**

```typescript
legendValueColor?: ThemeColor;
```

### IThemeChart.plotLineColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Grid plot line color

**Signature:**

```typescript
plotLineColor?: ThemeColor;
```

### IThemeChart.tooltip

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
tooltip?: IThemeChartTooltip;
```

### IThemeChart.tooltipBackgroundColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

> Warning: This API is now obsolete.
> 
> Use tooltip.backgroundColor instead
> 

Tooltip background color

**Signature:**

```typescript
tooltipBackgroundColor?: ThemeColor;
```

### IThemeChart.tooltipBorderColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

> Warning: This API is now obsolete.
> 
> Use tooltip.borderColor instead
> 

Tooltip border color

**Signature:**

```typescript
tooltipBorderColor?: ThemeColor;
```

### IThemeChart.tooltipLabelColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

> Warning: This API is now obsolete.
> 
> Use tooltip.labelColor instead
> 

Tooltip label color

**Signature:**

```typescript
tooltipLabelColor?: ThemeColor;
```

### IThemeChart.tooltipValueColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

> Warning: This API is now obsolete.
> 
> Use tooltip.valueColor instead
> 

Tooltip value color

**Signature:**

```typescript
tooltipValueColor?: ThemeColor;
```