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