Getting Started with the Angular TreeMap Component

Syncfusion, Inc
Syncfusion, Inc
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 بـار بازدید شده
... بیشتر