Hide Table of Contents
esri/dijit/util
esri/layer/pixelFilters
esri/process
esri/support
esri/workers
Class: HeatmapSlider

dojo.require("esri.dijit.HeatmapSlider");

Description

(Added at v3.13)
A widget to assist in obtaining values for managing and setting properties on a HeatmapRenderer.

Samples

Search for samples that use this class.

Class hierarchy

esri/dijit.RendererSlider
|_esri/dijit.HeatmapSlider

Constructors

NameSummary
new esri.dijit.HeatmapSlider(params, srcNodeRef)Creates a new HeatmapSlider widget within the provided DOM node srcNodeRef.

CSS

esri/dijit/HeatmapSlider | Download source

NameDescription
NumberTextBoxContainerNone
bottomLabelNodeNone
esriRendererSliderNone
handlerNone
handlerLabelNone
handlerTickNone
handlerTickBottomNone
handlerTickTopNone
moveableNone
sliderAreaNone
sliderAreaRightNone
sliderNodeNone
topLabelNodeNone

Properties

NameTypeSummary
colorStopsObjectRequired.
handlesNumber[]Required.
maxValueNumberOptional, absolute maximum value of the slider.NOTE: This value overrides statistics' max property.
minValueNumberOptional, absolute minimum value of the slider.NOTE: This value overrides statistics' min property.
rampWidthNumberOptional.
showHandlesBooleanProperty for showing handles.
showLabelsBooleanProperty for showing labels.
showTicksBooleanProperty for showing ticks.
valuesNumber[]Required: Handle positions represented as numbers that fall between minimum and maximum.

Methods

NameReturn typeSummary
startup()NoneFinalizes the creation of the widget.

Events

[ On Style Events | Connect Style Event ]
All On Style event listeners receive a single event object. Additionally, the event object also contains a 'target' property whose value is the object which fired the event.

Events

NameEvent ObjectSummary
handle-value-change
{
  colorStops: <Object>
}
Fires on slide stop and when a handle is updated via textbox.
Constructor Details

new esri.dijit.HeatmapSlider(params, srcNodeRef)

Creates a new HeatmapSlider widget within the provided DOM node srcNodeRef.
Parameters:
<Object> params Required Set of parameters used to specify the HeatmapSlider widget options.
<Node | String> srcNodeRef Required Reference or ID of the HTMLElement where the widget should be rendered.
params properties:
<Object[]> colorStops Required An array of colorStop objects describing the renderer's color ramp with more specificity than just colors.
<Number[]> handles Required Handles identified by their index values within the stops array.
<Number> maxValue Optional Absolute maximum value of the slider. Default is 100.
<Number> minValue Optional Absolute minimum value of the slider. Default is 0.
<Number> rampWidth Optional Width of slider ramp in pixels. Default is 25.
<Boolean> showHandles Optional Displays slider handles when true. Default is true.
<Boolean> showLabels Optional Displays slider labels when true. Default is true.
<Boolean> showTicks Optional Displays slider ticks when true. Default is true.
Property Details

<Object> colorStops

Required.
Default value: null

<Number[]> handles

Required. Handles identified by their index values within the stops array.
Default value: [3, 15]

<Number> maxValue

Optional, absolute maximum value of the slider.NOTE: This value overrides statistics' max property.
Default value: 100

<Number> minValue

Optional, absolute minimum value of the slider.NOTE: This value overrides statistics' min property.
Default value: 0

<Number> rampWidth

Optional
Default value: 25

<Boolean> showHandles

Property for showing handles.
Known values: true | false
Default value: true

<Boolean> showLabels

Property for showing labels.
Known values: true | false
Default value: true

<Boolean> showTicks

Property for showing ticks.
Known values: true | false
Default value: true

<Number[]> values

Required: Handle positions represented as numbers that fall between minimum and maximum.
Default value: [50]
Method Details

startup()

Finalizes the creation of the widget.
Event Details
[ On Style Events | Connect Style Event ]

handle-value-change

Fires on slide stop and when a handle is updated via textbox.
Event Object Properties:
<Object> colorStops An array of colorStop objects describing the renderer's color ramp with more specificity than just colors.
Show Modal