Class pv.Area
Extends
pv.Mark.
Represents an area mark: the solid area between two series of
connected line segments. Unsurprisingly, areas are used most frequently for
area charts.
Just as a line represents a polyline, the Area mark type represents a polygon. However, an area is not an arbitrary polygon; vertices are paired either horizontally or vertically into parallel spans, and each span corresponds to an associated datum. Either the width or the height must be specified, but not both; this determines whether the area is horizontally-oriented or vertically-oriented. Like lines, areas can be stroked and filled with arbitrary colors.
See also the Area guide.
Defined in: Area.js.
Constructor Attributes | Constructor Name and Description |
---|---|
pv.Area()
Constructs a new area mark with default properties.
|
Field Attributes | Field Name and Description |
---|---|
Default properties for areas.
|
|
The area fill style; if non-null, the interior of the polygon forming the
area is filled with the specified color.
|
|
The height of a given span, in pixels; used for vertical spans.
|
|
How to interpolate between values.
|
|
The width of stroked lines, in pixels; used in conjunction with
strokeStyle to stroke the perimeter of the area.
|
|
Whether the area is segmented; whether variations in fill style, stroke
style, and the other properties are treated as fixed.
|
|
The style of stroked lines; used in conjunction with lineWidth to
stroke the perimeter of the area.
|
|
The tension of cardinal splines; used in conjunction with
interpolate("cardinal").
|
|
The width of a given span, in pixels; used for horizontal spans.
|
- Fields borrowed from class pv.Mark:
- bottom, childIndex, cursor, data, events, index, left, parent, proto, reverse, right, root, scale, title, top, type, visible
Method Attributes | Method Name and Description |
---|---|
anchor(name)
Constructs a new area anchor with default properties.
|
This property is fixed for non-segmented areas. See pv.Mark.
- See:
- pv.color
This property is fixed. See pv.Mark.
This property is fixed for non-segmented areas. See pv.Mark.
This property is fixed. See pv.Mark.
This property is fixed for non-segmented areas. See pv.Mark.
- See:
- pv.color
This property is fixed. See pv.Mark.
- top
- left
- center
- bottom
- right
For consistency with the other mark types, the anchor positions are defined in terms of their opposite edge. For example, the top anchor defines the bottom property, such that an area added to the top anchor grows upward.
- Parameters:
- {string} name
- the anchor name; either a string or a property function.
- Returns:
- {pv.Anchor}