"globals"
"marker"
"tooltip"
"gui"
"context-menu"
"button"
"gear"
"item"
"graphset"
"arrows"
"from"
"label"
"to"
"bubble-legend"
"marker"
"chart"
"color-scale"
"cursor"
"item"
"crosshair-x"
"marker"
"plot-label"
"scale-label"
"crosshair-y"
"scale-label"
"globals"
"marker"
"tooltip"
"guide"
"marker"
"plot-label"
"scale-label"
"heatmap"
"tooltip"
"images"
"labels"
"legend"
"footer"
"header"
"icon"
"item"
"item-off"
"marker"
"marker-off"
"page-off"
"page-on"
"page-status"
"scroll"
"bar"
"handle"
"tooltip"
"nav"
"back"
"tooltip"
"no-data"
"options"
"arrow"
"back"
"tooltip"
"bars"
"tooltip"
"box"
"tooltip"
"button-zoomin"
"tooltip"
"button-zoomout"
"tooltip"
"close"
"containers"
"day"
"items"
"final"
"group-box"
"tooltip"
"handle"
"indicator"
"intermediate"
"item"
"label"
"tooltip"
"item-group-n"
"label"
"tooltip"
"item-id-n"
"label"
"tooltip"
"item-level-n"
"label"
"tooltip"
"label"
"link"
"link[cls-n]"
"link[container-n]"
"link[group-n]"
"link[level-n]"
"link[parent-n]"
"link[sibling]"
"link[source-n]"
"link[target-n]"
"links"
"mmp-marker"
"label"
"month"
"item"
"items"
"outline"
"multi-guide"
"close"
"handle"
"label"
"negative"
"node"
"label"
"tooltip"
"node[cls-n]"
"label"
"tooltip"
"node[collapsed]"
"label"
"tooltip"
"node[group-n]"
"label"
"tooltip"
"node[leaf]"
"label"
"tooltip"
"node[level-n]"
"label"
"tooltip"
"node[parent]"
"label"
"tooltip"
"node[parent-n]"
"label"
"tooltip"
"nodes"
"OBJECT_KEY_NAME"
"label"
"tooltip"
"outlier"
"marker"
"tooltip"
"positive"
"scale"
"label"
"pointer"
"scale-y-2"
"guide"
"item"
"label"
"markers"
"label"
"tick"
"tooltip"
"style"
".td"
".td_even"
".td_first"
".td_last"
".td_n"
".td_n_n"
".td_odd"
".th"
".th_even"
".th_first"
".th_last"
".th_n"
".th_odd"
".tr"
".tr_even"
".tr_first"
".tr_last"
".tr_n"
".tr_odd"
"band"
"tooltip"
"chord"
"tooltip"
"flow"
"item"
"item-flow"
"item-overall"
"label"
"label-overall"
"tooltip"
"subtitle"
"tile"
"label"
"tooltip"
"title"
"tooltip-box"
"tooltip-group"
"trigger"
"value"
"violin"
"week"
"items"
"weekday"
"item"
"items"
"plot"
"error"
"facets"
"goal"
"tooltip"
"guide-label"
"guide-marker"
"highlight-marker"
"hover-marker"
"hover-state"
"styles"
"highlight-state"
"legend-item"
"legend-marker"
"max-marker"
"marker"
"min-marker"
"selected-marker"
"selected-state"
"tooltip"
"trend-down"
"trend-equal"
"trend-up"
"value-box"
"rules"
"plotarea"
"preview"
"handle"
"handle-bottom"
"handle-left"
"handle-right"
"handle-top"
"label"
"refresh"
"scale"
"item"
"scale-k"
"guide"
"item"
"tooltip"
"scale-r"
"center"
"guide"
"item"
"markers"
"label"
"ring"
"tooltip"
"scale-v"
"guide"
"item"
"tooltip"
"scale-x"
"guide"
"item"
"label"
"markers"
"label"
"tooltip"
"scale-y"
"guide"
"item"
"label"
"markers"
"tick"
"tooltip"
"scroll-x"
"bar"
"handle"
"scroll-y"
"bar"
"handle"
"selection-tool"
"series"
"error"
"facets"
"goal"
"tooltip"
"guide-label"
"guide-marker"
"highlight-marker"
"hover-marker"
"highlight-state"
"legend-item"
"legend-marker"
"marker"
"max-marker"
"min-marker"
"selected-marker"
"selected-state"
"style"
"band"
"tooltip"
"chord"
"tooltip"
"item"
"item-flow"
"item-overall"
"label"
"tooltip"
"value-box"
"rules"
"shapes"
"label"
"options"
"style"
"controls"
"zoom-in"
"tooltip"
"zoom-out"
"tooltip"
"items"
"OBECT_KEY_NAME"
"tooltip"
"label"
"tooltip"
"tooltip"
"source"
"subtitle"
"title"
"tooltip"
"zoom"
"label"
"history"
"refresh"
graph » series » animation
animation
[ root » graph » series » animation]
Controls chart animation on initialization and refresh. When using effects, methods, and sequences, you can use the numeric code or string name. When using the string name, remember that you must prefix the string with ANIMATION_
(e.g., ANIMATION_BACK_EASE_OUT
). Refer to the Animation Tutorial for more information.
Attribute | Type | Description |
---|---|---|
delay | Number | Sets the delay in milliseconds between each step of the animation or seconds if specify single digit number. Default Value: 0 |
effect | Number, String | Sets the animation effect. Accepted Values: [`${string}`, 'ANIMATION_FADE_IN', 'ANIMATION_EXPAND_VERTICAL', 'ANIMATION_EXPAND_TOP', 'ANIMATION_EXPAND_BOTTOM', 'ANIMATION_EXPAND_LEFT', 'ANIMATION_EXPAND_RIGHT', 'ANIMATION_EXPAND_HORIZONTAL', 'ANIMATION_SLIDE_LEFT', 'ANIMATION_SLIDE_RIGHT', 'ANIMATION_SLIDE_TOP', 'ANIMATION_SLIDE_BOTTOM', 'ANIMATION_UNFOLD_HORIZONTAL', 'ANIMATION_UNFOLD_VERTICAL'] Default Value: 0 |
method | Number, String | Sets the method used for each animation effect. Accepted Values: [`${string}`, 'ANIMATION_LINEAR', 'ANIMATION_BACK_EASE_OUT', 'ANIMATION_ELASTIC_EASE_OUT', 'ANIMATION_BOUNCE_EASE_OUT', 'ANIMATION_STRONG_EASE_OUT', 'ANIMATION_REGULAR_EASE_OUT'] Default Value: 0 |
onLegendToggle on-legend-toggle | Boolean | Enables toggling animation for legend. |
sequence | Number, String | Determines animation groups. Accepted Values: [`${string}`, 'ANIMATION_NO_SEQUENCE', 'ANIMATION_BY_PLOT', 'ANIMATION_BY_NODE', 'ANIMATION_BY_PLOT_AND_NODE'] Default Value: 0 |
speed | Number, String | Sets the length of the animation in milliseconds or seconds if specify single digit number. Default Value: 0.6 |