Getting Started with the Angular TreeMap Component
139 بار بازدید -
ماه قبل
-
Quickly get started with the
Quickly get started with the Syncfusion Angular TreeMap component using Visual Studio Code. The Angular TreeMap is a feature-rich control for visualizing both hierarchical and flat data.
The video demonstrates how to create an Angular app and add the Angular TreeMap component to it along with a few of its basic features, such as legends, labels, tooltips, a title, selection, highlighting, and color mapping.
The component contains groups of data collections. Each group has one or more leaf nodes, and each leaf node is displayed as a rectangle sized and colored according to values that you assign. You can customize the look and feel of the TreeMap by using built-in features like color mapping, legends, and label templates.
You can render any number of child items for each node in the TreeMap, and they are categorized to form levels. Also, you can customize their colors based on values you assign.
The component also provides data labels to display more details about a particular item. Labels can be trimmed, hidden, or wrapped if the label width exceeds the item bounds.
Use legends to add additional information for interpreting colors, shapes, or other identifiers in the TreeMap. Users can click a node to select it and highlight nodes by moving the pointer over them.
Explore our tutorial videos: www.syncfusion.com/tutorial-videos
TRIAL LICENSE KEY
-----------------
If you need a trial license key, start your Angular trial from www.syncfusion.com/downloads/angular/confirm under your Syncfusion account. Then, you can obtain your trial license key from the Downloads page.
Check your eligibility for a free license for all Essential Studio products on our Community License page.
www.syncfusion.com/products/communitylicense
BOOKMARK DETAILS
------------------------
[00:00] Angular TreeMap - Introduction
[00:53] Create an Angular app
[02:51] Add the TreeMap component
[04:07] Enable leaf labels
[04:37] Color mapping
[05:23] Enable legends
[06:08] Add tooltips
[07:21] Highlight leaf item
[07:58] Selecting leaf item
ANGULAR TREEMAP
----------------------------
Product overview: www.syncfusion.com/angular-components/angular-tree…
Examples: ej2.syncfusion.com/angular/demos/#/fluent2/treemap…
Documentation: ej2.syncfusion.com/angular/documentation/treemap/g…
Download free trial: www.syncfusion.com/downloads/angular
npm package: www.npmjs.com/package/@syncfusion/ej2-angular-tree…
SUBSCRIBE
---------
Syncfusion on YouTube: youtube.com/user/syncfusioninc
Sign up to receive email updates: www.syncfusion.com/account/email-preference
SOCIAL COMMUNITIES
-------------------
Facebook: www.facebook.com/Syncfusion/
X: x.com/Syncfusion
LinkedIn: www.linkedin.com/company/syncfusion/
Instagram: www.instagram.com/syncfusionofficial/
#angular #treemap #legends
ماه قبل
در تاریخ 1403/05/09 منتشر شده
است.
139
بـار بازدید شده