The BubbleTree component is a bubble tree.
The BubbleTree component is implemented by the BubbleTree class.
The BubbleTree component may look like follows:
Example of Creating the BubbleTree Component
Constructor name | Overview | |
BubbleTree | The BubbleTree constructor creates an instance of the BubbleTree class. |
Property name | Brief description | |
Alignment | The Alignment property determines bubble tree orientation. | |
BubbleMinSize | The BubbleMinSize property determines minimum size of a bubble tree bubble. | |
BubbleStyle | The BubbleStyle property determines style of bubble tree bubble. | |
ColorVisual | The ColorVisual property determines description of the factor, which data is used to fill bubble tree elements. | |
InnerLabelsStyle | The InnerLabelsStyle property determines style of labels for bubble tree elements. | |
ItemsTooltipStyle | The ItemsTooltipStyle property determines style of a tooltip displayed for tree map elements. | |
LabelAutoColor | The LabelAutoColor property determines whether the color of bubble tree elements text is calculated automatically. | |
OrbitsPen | The OrbitsPen property determines style of bubble tree orbits. | |
OuterLabelsStyle | The OuterLabelsStyle property determines style for values of bubble tree elements. | |
SideBubbleMinSize | The SideBubbleMinSize property determines minimum size of neighbor bubble tree bubbles. | |
SizeVisual | The SizeVisual property determines description of the factor, which data is used to calculate size of bubble tree elements. | |
TextVisual | The TextVisual property determines description of the factor, which data is applied to labels of bubble tree elements. | |
ToolTipDelay | The ToolTipDelay property determines a delay before a tooltip is displayed. |
Method name | Brief description | |
fireItemsHovered | The fireItemsHovered method calls the ItemsHovered event for the specified object. | |
getAlign | The getAlign method returns bubble tree orientation coefficients. | |
getCenter | The getCenter method returns coordinates of bubble tree center. | |
getColorOptions | The getColorOptions method returns color panel settings in wizard settings format. | |
getFreeArea | The getFreeArea method returns free area of the bubble tree that contains elements. | |
getLegendOptions | The getLegendOptions method returns legend panel settings in wizard settings format. | |
getSizeLegendOptions | The getSizeLegendOptions method returns settings for size legend panel settings in wizard settings format. | |
getSizeOptions | The getSizeOptions method returns color panel settings in wizard settings format. | |
getState | The getState method returns component settings in wizard settings format. | |
hoverItems | The hoverItems method sets hovering for the specified bubble tree elements. | |
isPointOut | The isPointOut method returns whether the point with the specified coordinates is located outside of the bubble tree borders. | |
selectItem | The selectItem method selects the specified bubble tree element. | |
selectItems | The selectItems method selects the specified bubble tree elements. |
Property name | Brief description | |
ItemsNames | The ItemsNames property determines chart elements' names. | |
Model | The Model property determines a chart data model. | |
UseItemColorForToolTipBorder | The UseItemColorForToolTipBorder property determines whether the element color is used to select the tooltip border when pointing the mouse cursor on it. |
Method name | Brief description | |
animationStop | The animationStop method stops chart animation. | |
drillTo | The drillTo method drills chart to the specified element. | |
getAnimationDuration | The getAnimationDuration method returns chart animation duration. | |
getBreadcrumb | The getBreadcrumb method returns breadcrumb for chart element levels. | |
getInstance | The getInstance method returns instance of the current chart. | |
getPaperNode | The getPaperNode method returns SVG element where the chart is rendered. | |
getRootNode | The getRootNode method returns a container that contains the chart. | |
isAnimating | The isAnimating method determines whether chart animation is playing. | |
refreshView | The refreshView method refreshes chart view. | |
setAnimationStep | The setAnimationStep method executes animation step. | |
setupVisuals | The setupVisual method applies settings of visualizers. |
Event name | Brief description | |
ActiveItemChanged | The ActiveItemChanged event occurs on changing active chart element. | |
ItemClick | The ItemClick event occurs on clicking a chart element. | |
Refreshed | The Refreshed event occurs after refreshing the chart view. |
Property name | Brief description | |
ActiveMappingItems | The ActiveMappingItems property determines an array of active values of a bubble chart. | |
AreaSelection | The AreaSelection property sets selection area for charts. | |
AreaSelectionAction | The AreaSelectionAction property determines the action on selecting visualizer area. | |
CustomData | The CustomData property is used to store custom data. | |
DataSources | The DataSources property sets and returns an object that contains data sources for charts. | |
EnableBatchData | The EnableBatchData property controls availability of batch data in a chart source. | |
EnableSelection | The EnableSelection property determines whether visualizer elements can be selected. | |
GlobalItemsIds | The GlobalItemsIds method determines a dictionary of global identifiers of elements. | |
HoverActiveEffects | The HoverActiveEffects property determines effects applied to objects on hovering the cursor on them. | |
HoveredItems | The HoveredItems property determines an array of elements, which can be hovered. | |
HoverInactiveEffects | The HoverInactiveEffects property determines effects applied to the objects, which are not hovered. | |
ItemHoverness | The ItemHoverness property determines whether a chart element can be hovered. | |
ItemSelection | The ItemSelection property determines element selection. | |
LegendMapping | The LegendMapping property determines a dictionary of connection of legends with data bindings. | |
Legends | The Legends property sets and returns array of chart legends. | |
LegendsPackingMaxPart | The LegendsPackingMaxPart property sets and returns maximum part of chart legends from their packing. | |
MappingActiveEffects | The MappingActiveEffects property compares effects for active elements. | |
MappingInactiveEffects | The MappingInactiveEffects property compares effects for inactive elements. | |
MappingItemActiveness | The MappingItemActiveness property determines whether effect comparison is active for visualizer element. | |
Scales | The Scales property sets and returns chart scales. | |
SelectActiveEffects | The SelectActiveEffects property determines an array of effects applied to the selected bubble chart elements. | |
SelectedItems | The SelectedItems property determines an array of selected bubble chart elements. | |
SelectInactiveEffects | The SelectInactiveEffects property determines an array of effects applied to non-selected bubble chart elements. | |
SettingsProvider | The SettingsProvider property determines a basic class for specified settings. | |
Timeline | The Timeline property returns and sets a chart timeline. | |
UseLegendsPacking | The UseLegendsPacking property allows and prohibits using chart legend packing. | |
UseSelectOnClick | The UseSelectOnClick property determines whether an element can be selected by means of the mouse cursor. | |
UseSelectOnRightClick | The UseSelectOnRightClick property determines whether an element can be selected by means of the right mouse button. | |
Visuals | The Visuals property sets and returns settings of mapping data series values with chart axes, color and size of chart elements. |
Method name | Brief description | |
addVisual | The addVisual method compares visualizer data with the specified identifier. | |
animate | The animate method plays chart animation. | |
beginUpdate | The beginUpdate method starts data update mode that disables component rerendering until exiting from this mode. | |
clearAreaSelection | The clearAreaSelection method clears chart selection. | |
disposeData | The disposeData method deletes complex properties of visualizer. | |
draw | The draw method completely rerenders a chart. | |
endUpdate | The endUpdate method disables data update mode that disables component rerendering until exiting from this mode. | |
getBackwardGlobalItemsIds | The getBackwardGlobalItemsIds method returns backward dictionary of global identifiers of elements. | |
getBackwardLegendMapping | The getBackwardLegendMapping method returns backward dictionary of connection of legends with data bindings. | |
getEnableHover | The getEnableHover method returns whether effects are used on hovering the cursor on bubble chart bubbles. | |
getFirstDataSource | The getFirstDataSource method returns the first data source for chart data visualizer. | |
getFirstLegend | The getFirstLegend method returns the chart first legend. | |
getFirstScale | The getFirstScale method returns the first scale in a chart. | |
getGlobalItemId | The getGlobalItemId method returns global identifier of element. | |
getItemsByAreaRect | The getItemsByAreaRect method returns elements within the specified chart area. | |
getLegendByDataMapping | The getLegendByDataMapping method returns visualizer legend by data comparison identifier. | |
getLegendById | The getLegendById method returns bubble chart legend by its identifier. | |
getLocalItemId | The getLocalItemId method returns internal identifier of element. | |
getTimelineStepName | The getTimeLineStepName method returns the current timeline step. | |
getVisualById | The getVisualById method returns comparison of visualizer data by its identifier. | |
loadData | The loadData method uploads specified data to a chart. | |
refresh | The refresh method refreshes a chart. | |
setTimelineStep | The setTimelineStep method sets a timeline step. | |
updateData | The updateData method assigns new index value to parameters of chart series data values mapping. |
Event name | Brief description | |
AreaSelected | The AreaSelected event occurs after a chart area is selected. | |
AreaSelecting | The AreaSelecting event occurs in the process of chart area selection. | |
ItemsSelected | The ItemSelected event occurs after visualizer elements are selected. | |
ItemsSelecting | The ItemSelecting event occurs before selecting visualizer elements. | |
LegendHeaderClicked | The LegendHeaderClicked event occurs on clicking the chart legend title. | |
LegendItemSelected | The LegendItemSelected event occurs after selecting a legend element. | |
LegendItemSelecting | The LegendItemSelecting event occurs on selecting a legend element. | |
RequestData | The RequestData event occurs when it is necessary to load data to a data source. | |
TimelineStep | The TimelineStep event occurs on changing the current step of the chart timeline. |
Property name | Brief description | |
Anchors | The Anchors property determines position of the component placed within container. | |
Animation | The Animation property determines component animation parameters. | |
Bottom | The Bottom property determines a bottom margin if a component is placed inside LayoutPanel. | |
Content | The Content property determines component contents. | |
ContextMenu | The ContextMenu property determines a component's context menu. | |
Data | The Data property is used to store any custom data. | |
Enabled | The Enabled property determines whether a component can be used. | |
Height | The Height property determines component height. | |
IsRTL | The IsRTL property determines whether component elements are aligned to the right. | |
IsVisible | The IsVisible property determines whether a component is displayed. | |
Left | The Left property determines a left margin if a component is placed inside GridPanel. | |
Opacity | The Opacity property determines component transparency. | |
Parent | The Parent property determines a parent component of a control. | |
ParentNode | The ParentNode property determines a parent DOM node. | |
ResourceKey | The ResourceKey property determines a component resource key. | |
Right | The Right property determines a right margin if a component is placed inside LayoutPanel. | |
Rotate | The Rotate property determines a component rotation angle. | |
ShowToolTip | The ShowToolTip property determines whether a tooltip of the component can be displayed. | |
Style | The Style property determines a component style. | |
TabIndex | The TabIndex property determines the order of the control element passing inside the container. | |
Tag | The Tag property determines a JSON object associated with the component. | |
ToolTip | The ToolTip property determines text of component tooltip. | |
Top | The Top property determines a top margin if a component is placed inside GridPanel. | |
Value | The Value property determines a component value. | |
Width | The Width property determines component width. |
Method name | Brief description | |
The addClass method adds a CSS class to the component. | ||
addEventHandler | The addEventHandler method adds an event handler to a DOM node. | |
The addStateClass method adds a CSS class to the component and removes the previous CSS class. | ||
The addToNode method adds a component to the specified node. | ||
bindEvents | The bindEvents method subscribes an element to all available events. | |
The getAnchorFlags method returns JSON object that contains settings of the current component's position. | ||
The getClass method returns the current CSS classes of the component. | ||
The getCssStyle method returns style for the specified node. | ||
The getDomNode method returns main DOM node of the component. | ||
The getFocused method determines whether the component is focused. | ||
getIsBinded | The getIsBinded method returns whether an element is subscribed to all DOM node events. | |
The hide method hides a control. | ||
The hideToolTip method clears tooltip timeout and hides the tooltip if it is shown. | ||
refreshStyle | The refreshStyle method refreshes element CSS styles. | |
The removeClass method removes CSS class from the component. | ||
removeEventHandler | The removeEventHandler method removes event handler from DOM node. | |
removeFromDOM | The removeFromDOM method removes node from the DOM structure. | |
The removeStateClasses method removes CSS classes of the component. | ||
The setDraggable method determines whether a component can be dragged on the HTML page. | ||
The setFocus method sets the component focus. | ||
The setIsHovered method sets up component displaying only on mouseover. | ||
The setSize method establishes the sizes of the component. | ||
The show method displays a control. | ||
unBindEvents | The unBindEvents method unsubscribes an element from all standard events. | |
The updatePosition method updates size and position when absolute positioning based on the current parameters is used. | ||
The updateSize method updates the component size on changing the size of the container that contains the component. |
Event name | Brief description | |
Drag | The Drag event occurs on clicking and holding the mouse button. | |
DragEnd | The DragEnd event occurs when dragging the component finishes. | |
DragStart | The DragStart event occurs when dragging the component starts. | |
OnContextMenu | The OnContextMenu event occurs on calling context menu of the component. | |
SizeChanged | The SizeChanged event occurs after the component is resized. | |
SizeChanging | The SizeChanging event occurs during component resize. |
Property name | Brief description | |
The Id property determines a repository object identifier. |
Method name | Brief description | |
clone | The clone method creates an object copy. | |
dispose | The dispose method deletes the component. | |
getHashCode | The getHashCode method returns hash code of repository object. | |
getId | The getId method returns repository object identifier. | |
getSettings | The getSettings method returns repository object settings. | |
getTypeName | The getTypeName method returns the name of the object type without the namespace, to which it belongs. | |
isEqual | The isEqual method determines whether the specified object is equal to the current repository object. | |
isLive | The isLive method determines validity of repository object. | |
removeAllEvents | The removeAllEvents method removes all object event handlers by the specified context. | |
setId | The setId method determines a repository object identifier. | |
setSettings | The setSettings method determines repository object settings. | |
defineProps | The defineProps method creates get and set methods from name array for the specified class. | |
keys | The keys method returns array of methods and properties names for the specified object. |
Seealso: