components.nf-area-stack Class
A component for grouping and stacking nf-area
components in an nf-graph
.
This component looks at the order of the nf-area
components underneath it
and uses the ydata of the next sibling nf-area
component to determine the bottom
of each nf-area
components path to be drawn.
Example
{{#nf-graph width=300 height=100}}
{{#nf-graph-content}}
{{#nf-area-stack}}
{{nf-area data=myData xprop="time" yprop="high"}}
{{nf-area data=myData xprop="time" yprop="med"}}
{{nf-area data=myData xprop="time" yprop="low"}}
{{/nf-area-stack}}
{{/nf-graph-content}}
{{/nf-graph}}
Methods
registerArea
(
-
area
Registers an area component with this stack. Also links areas to one
another by setting nextArea
on each area component.
Parameters:
-
area
Ember.ComponentThe area component to register.
unregisterArea
(
-
area
Unregisters an area component from this stack. Also updates next and previous links.
Parameters:
-
area
Ember.Componentthe area to unregister
Properties
aggregate
Boolean
Whether or not to add the values together to create the stacked area
Default: false
areas
Array
The collection of nf-area
components under this stack.
isAreaStack
Boolean
Used by nf-area
to identify an area stack parent
Default: true