Skip to content

area ​

Use like line when a filled band under the stroke helps show magnitude over an ordered x.

Do not use for discrete category ranking (bar), scatter clouds, or pie slices.

Optional layout: grouped | stacked | percent. Stacked/percent fill cumulative bands.

x same as line · y number · series optional; layout as bar

Rules. Fill under line(s). Same gap rule as line.

Example ​

chart
markvis: 2
type: area
title: Fill under trend
x: month
y: revenue

month,revenue
Jan,120
Feb,180
Mar,150
Fill under trend area chart. Fill under trend. x=month. y=revenue. 3 rows. Fill under trendFill under trend 0 50 100 150 200 JanJan FebFeb MarMar
Fill under trend
monthrevenue
Jan120
Feb180
Mar150

When the block is wrong ​

The rows stay, with one line that names the error.

chart
markvis: 2
type: area
innerRadius: 0.5
title: Unknown extra field
x: month
y: revenue

month,revenue
Jan,120
Feb,180
monthrevenue
Jan120
Feb180

E_UNKNOWN_FIELD: undeclared fence field: innerRadius

Generated from packages/types/area/ and the type's row in SPEC.md.

0.0.13 lives under legacy/