# Area

Area component represents a single area in Cartesian component. It should be added to the default slot in Cartesian component, which provies several required props, such as scaleX, scaleY,width and height.

Demo: Area Chart, Brush & Zoom, Missing Data

# Props

Name	Type	Default	Required	Description
scaleX	Function		true	D3 scale object, usually set by its parent Cartesian component
scaleY	Function		true	D3 scale object, usually set by its parent Cartesian component
width	Number		true	The width of the charting area, usually set by its parent Cartesian component
height	Number		true	The height of the charting area, usually set by its parent Cartesian component
data	Array	[]		The data array that provides the X and Y values for the upper boundary of the area. The lower boundary of the area is always the X axis.
x	String or Function	'x'		A Function to retrieve the X value from data. In case of string, 'abc' is equivalent to Function d => d['abc'].
y	String or Function	'y'		A Function to retrieve the Y value from data. In case of string, 'abc' is equivalent to Function d => d['abc'].
color	String	'steelblue'		Color to fill the area
curveFn	Function			D3 curve function for the upper boundary of the area, such as d3.curveMonotoneX
definedFn	Function			A function that takes an element from data and returns true if the data element should be included and false otherwise.

# Slots

None

# Events

None

# Methods

None