How To
Documentation
    Learn More

      chart:histogram

      Description

      The Chart Histogram Directive

      Usage

      as element:
      <chart:histogram
             [response="{object}"]
             [facet-name="{string}"]
             [query="{string}"]
             [title="{string}"]
             [show="{number}"]
             [height="{string}"]
             [show-count="{boolean}"]
             [max-characters="{number}"]
             [action="{string}"]
             [date-format="{string}"]>
      </chart:histogram>

      Directive info

      • This directive creates new scope.

      Parameters

      ParamTypeDetails
      response
      (optional)
      object

      A response object

      facet-name
      (optional)
      string

      Facet name to use from the response object

      query
      (optional)
      string

      The name of the query to build links from.

      title
      (optional)
      string

      The title that should be displayed above the histogram.

      show
      (optional)
      number

      The maximum number of bars to show in the histogram. Defaults to 20.

      height
      (optional)
      string

      Height of the chart specified by a valid CSS height style value (e.g. '100px' or '7em'). Defaults to '100px'

      show-count
      (optional)
      boolean

      Whether to display the count in the label for each bar

      max-characters
      (optional)
      number

      The number of characters to show before truncating the label. Default: 20.

      action
      (optional)
      string

      The target resource to which the histogram query should submit.

      date-format
      (optional)
      string

      How to format the date. See date format filter for valid formats.

      Example

      Source

      
      
      
      
      
      

      Demo