Angular TreeMap - group.label
Selector: dxo-label
Type:
Each tile or the header of a group contains a text label identifying what this tile or group represents. You can change the font of group labels or their visibility using the fields of the group.label object.
app.component.html
- <dx-tree-map ... >
- <dxo-group>
- <dxo-label>
- <dxo-font
- size="20"
- opacity="0.7"
- >
- </dxo-font>
- </dxo-label>
- </dxo-group>
- </dx-tree-map>
The same properties of tile labels can be changed using the tile.label object.
To customize a specific label, use the customize(options) method of the node to which the label belongs.
NOTE
If the area occupied by a tile or a group header is too small to fit a label in it, the label will not be displayed.
See Also
- labelField - specifies the data source field that provides texts for tile and group labels.
textOverflow
Specifies what to do with labels that overflow their group headers: hide, truncated them with ellipsis, or leave them as they are.
Type:
Default Value: 'ellipsis'
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.