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

    Param Type Details
    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