API Docs for:
Show:

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}}

Item Index

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.Component

    The area component to register.

unregisterArea

(
  • area
)

Unregisters an area component from this stack. Also updates next and previous links.

Parameters:

  • area Ember.Component

    the 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