A List Visualization summarizes individual records as either a vertical or horizontal list. It is geared towards displaying a small number of attributes, intended to summarize a record. Lists often rely on hover actions to reveal additional information about a record in a tooltip or dialog.
List configuration is broken out into four steps:
This step sets the overall layout for the list, and exposes some options for padding.
A symbolic name used to represent this Visualization. This is the name that will show up in choosers when adding a Visualization to a page.
Determines the orientation of the list.
Flow layout produces a horizontal list. List items will have a set width, and flow left to right. List items will wrap to the next line if needed.
Vertical layout produces a vertical list. This list will render a single record per row, and each row will fill 100% of the available space.
Determines the background color of each item.
Adjusts the spacing inside of a list item. Padding affects inner white-space, the gap between values in a list item and the border of the list item.
This property is available with Lists using “flow” orientation. Margin affects outer white-space, the gap between one list item and an adjacent list item. Margin will increase the gap between the border of one list item and the adjacent items.
This property is available with “flow” orientation. It sets a pixel width for each list item, which determines how many items can fit on a row.
This property is available with “Flow” orientation. It works in conjunction with Width, and determines whether list items should grow to fill any remaining space. This option basically turns the Width property into a Min-Width property.
This step configures the attributes to display as part of each list item. It also defines the renderer to use when presenting the values for the specified attributes.
Determines the record values that will appear in each list item.
Label acts as a description for values that appear in a list. The Label defaults to the Attribute Name, but can be overwritten with something better optimized for display.
This property determines whether a label will appear next to a value within a list item.
Determines the renderer to use with the associated attribute. The value renderer determines how record values for each attribute are presented. The available renderers will vary based on the data type of the each attribute.
See “Renderers” for more information.
Determines how labels will appear inside list items. The label formatter is a global setting, and will be used for all labels within the List.
Determines the color of labels. See Color Picker
Determines the font size of labels.
Determines the font style of labels.
This step configures how the list items are sorted.
Select an attribute from the underlying dataset, whose values will be used to determine the sort.
Controls how the values will be sorted.
This step previews the end result based on the choices you made.