Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The TreeMap component for Angular displays hierarchical data as a set of nested rectangles. Each element of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches. A leaf node's rectangle has an area proportional to a specified dimension of the data. The colors of the different rectangles can be customized.
jqxTreeMap is the jQWidgets TreeMap component for Angular. Treemap that shows hierarchical data as nested rectangles sized and coloured by value.
jqxTreeMap has 18 properties, 1 event and 2 methods, all in the API reference. Its main members, those its demos use first:
renderCallbacks (property) – Sets or gets callback function(s) which enable you to customize the rendering of any sector in the jqxTreeMap.baseColor (property) – Sets or gets the default color used when the colorMode property is set to "autoColors" .colorMode (property) – Sets or gets the sectors rendering behavior.legendLabel (property) – Sets or gets the Legend's label.colorRange (property) – Sets or gets the range in which the base colors can vary.legendScaleCallback (property) – Sets or gets a callback function which formats the values displayed in the jqxTreeMap's Legend.colorRanges (property) – Sets or gets the color ranges used when the colorMode property is set to "rangeColors"displayMember (property) – Sets or gets the displayMember property.valueMember (property) – Sets or gets the valueMember property.hoverEnabled (property) – Sets or gets whether a sector will be outlined when the mouse cursor is over it.