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

# ITreemapBucketProps

- 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/treemap/Treemap.tsx

**Signature:**

```typescript
export interface ITreemapBucketProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [filters?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.itreemapbucketprops/index.md#itreemapbucketpropsfilters) |  | [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.itreemapbucketprops/index.md#itreemapbucketpropsmeasures) |  | [AttributesMeasuresOrPlaceholders](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributesmeasuresorplaceholders/index.md) | Specify one or more measures whose values will be used to create the treemap rectangles. |
| [placeholdersResolutionContext?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.itreemapbucketprops/index.md#itreemapbucketpropsplaceholdersresolutioncontext) |  | any | _(Optional)_ Resolution context for composed placeholders. |
| [segmentBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.itreemapbucketprops/index.md#itreemapbucketpropssegmentby) |  | [AttributeOrPlaceholder](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributeorplaceholder/index.md) | _(Optional)_ Specify an attribute, whose values will be used to segment the rectangles created for the measures or the combination of measure and viewBy attribute values. |
| [viewBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.itreemapbucketprops/index.md#itreemapbucketpropsviewby) |  | [AttributeOrPlaceholder](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributeorplaceholder/index.md) | _(Optional)_ Specify an attribute whose values will be used to slice the measure. |

## Property details

### ITreemapBucketProps.filters

Specify filters to apply on the data to chart.

**Signature:**

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

### ITreemapBucketProps.measures

Specify one or more measures whose values will be used to create the treemap rectangles.

**Signature:**

```typescript
measures: AttributesMeasuresOrPlaceholders;
```

### ITreemapBucketProps.placeholdersResolutionContext

Resolution context for composed placeholders.

**Signature:**

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

### ITreemapBucketProps.segmentBy

Specify an attribute, whose values will be used to segment the rectangles created for the measures or the combination of measure and viewBy attribute values.

**Signature:**

```typescript
segmentBy?: AttributeOrPlaceholder;
```

#### Remarks

Segmenting essentially adds another level into the hierarchy.

### ITreemapBucketProps.viewBy

Specify an attribute whose values will be used to slice the measure.

**Signature:**

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

#### Remarks

Treemap will chart one rectangle for each attribute value, these rectangles represent unique entities in the hierarchy, each will be colored uniquely.

Note: treemap only supports viewBy only when `measures` contains a single measure.