AreaChart()

Home > @gooddata/sdk-ui-charts > AreaChart

AreaChart() function

Area chart shows data as an area under a line intersecting dots.

Signature:

export declare function AreaChart(props: IAreaChartProps): import("react/jsx-runtime").JSX.Element;

Parameters

Parameter	Type	Description
props	IAreaChartProps

Returns:

import("react/jsx-runtime").JSX.Element

Remarks

It can display either:

• multiple measures sliced by a single attribute, as different areas - or a single measure split by one attribute into multiple areas with points intersecting attribute values

Areas for multiple measures stack by default. Alternatively, the areas can overlap if { stackMeasures: false }.

See IAreaChartProps to learn how it is possible to configure the AreaChart and the area chart documentation for more information.