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

# IDonutChartBucketProps

- 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/charts/donutChart/DonutChart.tsx

**Signature:**

```typescript
export interface IDonutChartBucketProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [filters?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idonutchartbucketprops/index.md#idonutchartbucketpropsfilters) |  | [NullableFiltersOrPlaceholders](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.nullablefiltersorplaceholders/index.md) | _(Optional)_ Specify filters to apply on the data to chart. |
| [measures](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idonutchartbucketprops/index.md#idonutchartbucketpropsmeasures) |  | [AttributeMeasureOrPlaceholder](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributemeasureorplaceholder/index.md) \| [AttributesMeasuresOrPlaceholders](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributesmeasuresorplaceholders/index.md) | Specify one or more measures to segment the donut chart. |
| [placeholdersResolutionContext?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idonutchartbucketprops/index.md#idonutchartbucketpropsplaceholdersresolutioncontext) |  | any | _(Optional)_ Resolution context for composed placeholders. |
| [sortBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idonutchartbucketprops/index.md#idonutchartbucketpropssortby) |  | [SortsOrPlaceholders](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.sortsorplaceholders/index.md) | _(Optional)_ Specify how to sort the data to chart. |
| [viewBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.idonutchartbucketprops/index.md#idonutchartbucketpropsviewby) |  | [AttributeOrPlaceholder](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributeorplaceholder/index.md) | _(Optional)_ Specify viewBy attribute that will be used to create the donut slices. There will be a slice for each value of the attribute. |

## Property details

### IDonutChartBucketProps.filters

Specify filters to apply on the data to chart.

**Signature:**

```typescript
filters?: NullableFiltersOrPlaceholders;
```

### IDonutChartBucketProps.measures

Specify one or more measures to segment the donut chart.

**Signature:**

```typescript
measures: AttributeMeasureOrPlaceholder | AttributesMeasuresOrPlaceholders;
```

#### Remarks

If you specify a single measure, then you may further specify the viewBy attribute - there will be donut slice per attribute value.

If you specify multiple measures, then there will be a donut slice for each measure value. You may not specify the viewBy in this case.

### IDonutChartBucketProps.placeholdersResolutionContext

Resolution context for composed placeholders.

**Signature:**

```typescript
placeholdersResolutionContext?: any;
```

### IDonutChartBucketProps.sortBy

Specify how to sort the data to chart.

**Signature:**

```typescript
sortBy?: SortsOrPlaceholders;
```

### IDonutChartBucketProps.viewBy

Specify viewBy attribute that will be used to create the donut slices. There will be a slice for each value of the attribute.

**Signature:**

```typescript
viewBy?: AttributeOrPlaceholder;
```