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

# IDataLabelsConfig

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

**Signature:**

```typescript
export interface IDataLabelsConfig 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [percentsVisible?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsconfig/index.md#idatalabelsconfigpercentsvisible) |  | boolean | _(Optional)_ Indicates whether to render data labels enriched with percentages. Applies only to funnel chart. |
| [position?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsconfig/index.md#idatalabelsconfigposition) |  | "auto" \| "inside" \| "outside" | _(Optional)_ Placement of data labels. Applies to pie and donut charts only. - "auto" (default): whole-chart adaptive — outside (callouts with leader lines) when the smallest visible slice is ≤ 5%, inside otherwise. A chart never mixes inside and outside. - "inside": force every label inside its slice; labels that don't fit are omitted - "outside": place every label outside with a leader line |
| [style?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsconfig/index.md#idatalabelsconfigstyle) |  | "auto" \| "backplate" | _(Optional)_ Visual style of data labels. Shared across all chart types. - "auto" (default): plain label text with automatic contrast color - "backplate": solid background rectangle behind label text; composes with any position |
| [totalsVisible?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsconfig/index.md#idatalabelsconfigtotalsvisible) |  | [IDataLabelsVisible](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsvisible/index.md) | _(Optional)_ |
| [visible?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsconfig/index.md#idatalabelsconfigvisible) |  | [IDataLabelsVisible](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idatalabelsvisible/index.md) | _(Optional)_ |

## Property details

### IDataLabelsConfig.percentsVisible

Indicates whether to render data labels enriched with percentages. Applies only to funnel chart.

**Signature:**

```typescript
percentsVisible?: boolean;
```

### IDataLabelsConfig.position

Placement of data labels. Applies to pie and donut charts only. - "auto" (default): whole-chart adaptive — outside (callouts with leader lines) when the smallest  visible slice is ≤ 5%, inside otherwise. A chart never mixes inside and outside. - "inside": force every label inside its slice; labels that don't fit are omitted - "outside": place every label outside with a leader line

**Signature:**

```typescript
position?: "auto" | "inside" | "outside";
```

### IDataLabelsConfig.style

Visual style of data labels. Shared across all chart types. - "auto" (default): plain label text with automatic contrast color - "backplate": solid background rectangle behind label text; composes with any position

**Signature:**

```typescript
style?: "auto" | "backplate";
```

### IDataLabelsConfig.totalsVisible

**Signature:**

```typescript
totalsVisible?: IDataLabelsVisible;
```

### IDataLabelsConfig.visible

**Signature:**

```typescript
visible?: IDataLabelsVisible;
```