An angular wrapper for heatmap.js. (Development in progress)
Install through npm;
npm install --save ngx-heatmap
Then import NgxHeatMapModule
and include it in your apps for module.
import { Component, NgModule } from '@angular/core';
import { NgxHeatMapModule } from 'ngx-heatmap';
@NgModule({
imports: [
NgxHeatMapModule
]
})
export class MyModule {}
Then add ngx-heatma
to your app template.
<ngx-heatmap [height]="height"
[width]="width"
[maxDataPoints]="500"
[minDataPoints]="500"
[heatPoints]="data">
</ngx-heatmap>
Style guide will be added soon.
Property | Input/Output | Default value | Description |
---|---|---|---|
[height] | Input | 400px | Height of the heat map canvas |
[width] | Input | 400px | Width of the heat map canvas |
[maxDataPoints] | Input | null | Maximum number of points on heat map |
[minDatPoints] | Input | null | Minimum number of points on heat map. |
[heatPoints] | Input | {} - empty Object | Object, that contains the data Attribute, that containing an Array with heat map points |
[configurations] | Input | {} - empty object | Configurations for heat map |
Drop me a e-mail saggunasekara@gmail.com.
Or open a new issue in https://github.com/sanuradhag/ngx-heatmap/issues
Anuradha Gunasekara |
---|
This software is licensed under the MIT license