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

# IAreaChartBucketProps

- 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/areaChart/AreaChart.tsx

**Signature:**

```typescript
export interface IAreaChartBucketProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [filters?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iareachartbucketprops/index.md#iareachartbucketpropsfilters) |  | [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.iareachartbucketprops/index.md#iareachartbucketpropsmeasures) |  | [AttributesMeasuresOrPlaceholders](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributesmeasuresorplaceholders/index.md) | Specify one or more measures to display on area chart. |
| [placeholdersResolutionContext?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iareachartbucketprops/index.md#iareachartbucketpropsplaceholdersresolutioncontext) |  | any | _(Optional)_ Resolution context for composed placeholders. |
| [sortBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iareachartbucketprops/index.md#iareachartbucketpropssortby) |  | [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. |
| [stackBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iareachartbucketprops/index.md#iareachartbucketpropsstackby) |  | [AttributeOrPlaceholder](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributeorplaceholder/index.md) | _(Optional)_ Specify attribute to stack by. This is only applicable if you specify at most single viewBy attribute. |
| [viewBy?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iareachartbucketprops/index.md#iareachartbucketpropsviewby) |  | [AttributeOrPlaceholder](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributeorplaceholder/index.md) \| [AttributesOrPlaceholders](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.attributesorplaceholders/index.md) | _(Optional)_ Specify attributes to slice and stack the area chart. |

## Property details

### IAreaChartBucketProps.filters

Specify filters to apply on the data to chart.

**Signature:**

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

### IAreaChartBucketProps.measures

Specify one or more measures to display on area chart.

**Signature:**

```typescript
measures: AttributesMeasuresOrPlaceholders;
```

#### Remarks

Note: it is possible to also include an attribute object among measures. In that case cardinality of the attribute elements will be charted.

### IAreaChartBucketProps.placeholdersResolutionContext

Resolution context for composed placeholders.

**Signature:**

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

### IAreaChartBucketProps.sortBy

Specify how to sort the data to chart.

**Signature:**

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

### IAreaChartBucketProps.stackBy

Specify attribute to stack by. This is only applicable if you specify at most single viewBy attribute.

**Signature:**

```typescript
stackBy?: AttributeOrPlaceholder;
```

#### Remarks

Note: stacking area chart using attribute elements means only a single measure can be charted. The component will take the first measure.

### IAreaChartBucketProps.viewBy

Specify attributes to slice and stack the area chart.

**Signature:**

```typescript
viewBy?: AttributeOrPlaceholder | AttributesOrPlaceholders;
```

#### Remarks

- If you specify single attribute, then elements of this attribute will be used to slice the measures along the  X axis.

- If you specify two attributes, then the first attribute will be used to slice the measures along the X axis,  and the second attribute will be used for stacking.

- If you specify three or more attributes, only the first two attributes will be used.

Note: using two measures in viewBy is a convenience. It is equivalent to specifying single viewBy and single stackBy attribute. In either case, as soon as the area chart is stacked, only the first measure will be calculated and charted.