68 строки
4.0 KiB
Markdown
68 строки
4.0 KiB
Markdown
# ej2-angular-heatmap
|
||
|
||
The Heat map control is used to visualize a two-dimensional data in which the values are represented in gradient or fixed colors.
|
||
|
||
|
||
|
||
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
|
||
|
||
> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
||
|
||
## Setup
|
||
|
||
To install Heat map and its dependent packages, use the following command
|
||
|
||
```sh
|
||
npm install @syncfusion/ej2-angular-heatmap
|
||
```
|
||
|
||
## Resources
|
||
|
||
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/heatmap/getting-started.html)
|
||
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=heatmap#/material/heatmap/default)
|
||
* [Product Page](https://www.syncfusion.com/products/angular/heatmap)
|
||
|
||
## Supported Frameworks
|
||
|
||
Heat map component is also offered in following list of frameworks.
|
||
|
||
1. [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/heatmap?utm_source=npm&utm_campaign=heatmap)
|
||
2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/heatmap?utm_source=npm&utm_campaign=heatmap)
|
||
3. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/heatmap)
|
||
4. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/heatmap)
|
||
5. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/heatmap)
|
||
|
||
|
||
## Showcase samples
|
||
|
||
* Annual Flight Traffic Report ([Live Demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=heatmap#/material/heatmap/large-data))
|
||
|
||
## Key Features
|
||
|
||
* [**Axis Types**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=heatmap#/material/heatmap/array-row.html) - Supports three different types of axes to populate the data, namely Numerical, Categorical,and Datetime.
|
||
|
||
* [**Axis Feature**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=heatmap#/material/heatmap/opposed.html) - Supports inverted axis, opposed position and axis intervals.
|
||
|
||
* [**Legend**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=heatmap#/material/heatmap/legend.html) - Supports legend which provides value information for the colors which represents each values in HeatMap.
|
||
|
||
* [**Data Binding**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=heatmap#/material/heatmap/cell-json.html) - Supports binding data in JSON and two-dimensional array formats.
|
||
|
||
* [**Rendering Modes**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=heatmap#/material/heatmap/render-mode.html) - Supports automatic switching between SVG and Canvas rendering modes based on the data source length.
|
||
|
||
## Support
|
||
|
||
Product support is available for through following mediums.
|
||
|
||
* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=heatmap) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=heatmap).
|
||
* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new).
|
||
* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
|
||
|
||
## License
|
||
|
||
Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=heatmap).
|
||
|
||
## Changelog
|
||
|
||
Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/heatmap/CHANGELOG.md)
|
||
|
||
© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. |