How To
Documentation
    Learn More

      chart:timeline

      Description

      The Timeline directive

      Usage

      as element:
      <chart:timeline
             response="{object}"
             date="{string}"
             event="{string}"
             [milestone-grouping="{string}"]
             [orientation="{string}"]
             [max-width="{string}"]
             [max-height="{string}"]
             [query="{object}"]
             [platform="{string}"]>
      </chart:timeline>

      Directive info

      • This directive creates new scope.

      Parameters

      ParamTypeDetails
      responseobject

      A response object

      datestring

      The result field to use as a date for the timeline

      eventstring

      The result field to use for the event content

      milestoneGrouping
      (optional)
      string

      How to group the milestones i.e. year (yyyy), month (MM)

      orientation
      (optional)
      string

      The orientation of the timeline. (horizontal or vertical. Default vertical)

      maxWidth
      (optional)
      string

      Set max width of timeline container

      maxHeight
      (optional)
      string

      Set max height of timeline container

      query
      (optional)
      object

      Query object to fetch more results

      platform
      (optional)
      string

      Platform to query for more results