ngx heatmap

An angular wrapper for heatmap.js. (Development in progress)

Installation

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>

Styles

Style guide will be added soon.

Documentation

angular-switchable-grid properties.

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

Any suggestions?

Drop me a e-mail saggunasekara@gmail.com.

Or open a new issue in https://github.com/sanuradhag/ngx-heatmap/issues

Contributors

Anuradha Gunasekara

License

This software is licensed under the MIT license