Exhibit/Slider Facet

From SIMILE Widgets
Revision as of 02:11, 3 November 2015 by Tullyhansen (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

To include a slider range facet, add to your HTML

<div ex:role="facet" 
  ex:expression=".age"
  ex:facetClass="Slider" 
  ex:horizontal="true"
  ex:precision="100"
  ex:histogram="true">
</div>

Remember to assign valueType:number to your data in order to use the Slider facet:

properties: { 'age': { valueType: "number" } }

Supported settings include:

setting name type of value default choices meaning
ex:facetLabel text what to show in the header of the facet
ex:histogram boolean true true, false If true, the slider will be displayed as a small histogram representing the data under the current filters. If false, the slider's just a line.
ex:precision number 1 sets how the slider rounds (if precision is 10, it will round to nearest 10, etc.). Decimals are valid (e.g. a small range might have precision = .1).
ex:horizontal boolean true true, false specifies to the orientation of the slider (horizontal or vertical).
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox