STATISTICS / CHART GUIDE

Area Chart

An area chart is a statistical chart that reflects numerical changes as an ordered variable changes, similar in principle to a line chart.

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

About Area Chart

An area chart is a statistical chart that reflects numerical changes as an ordered variable changes, similar in principle to a line chart. The distinctive feature of an area chart is that the area between the line and the independent variable axis is filled with color.

02 / CONFIGURE

Make it yours.

The properties available for this chart.

Configuration Options

Property	Type	Required	Description
`type`	`string`	required	Value must be "area".
`data`	`Object[]`	required	Chart data.
`data.time`	`string \| number`	required	Time series name.
`data.value`	`number`	required	Data value.
`data.group`	`string`	optional	Group name. Required when stacking is enabled.
`stack`	`boolean`	optional	Whether to enable stacking.
`title`	`string`	optional	Chart title.
`axisXTitle`	`string`	optional	X-axis title.
`axisYTitle`	`string`	optional	Y-axis title.
`theme`	`BuiltinThemeName \| ThemeSpec`	optional	Built-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
`style`	`Object`	optional	Chart style.
`style.backgroundColor`	`string`	optional	Must be a valid color value.
`style.palette`	`string[]`	optional	Must be an array of valid color values.
`style.lineWidth`	`number`	optional	Stroke width, value must be greater than or equal to 0.