ngx-hana-nameserver-history-viewer

ngx-hana-nameserver-history-viewer

An Angular 13 module of SAP HANA nameserver history viewer. Supports MDC, different timezone and zoom-in.
For Angular 7 support please use versions (v1.1.1 ~ v1.1.3 ).
For Angular 6 support please use older versions (<= v1.0.15 ).

Demo

Check out the LIVE DEMO for more information!

Installation

To use ngx-hana-nameserver-history-viewer in your project install it via npm:

npm install ngx-hana-nameserver-history-viewer --save

Requirements

The library depends on ngx-selection-table, ngx-dropdown-list, moment-timezone, papaparse, angular-datetime-picker, chart.js and hammer.js.

The only file required is the ng-pick-datetime picker.min.css file:

1. Include the picker.min.css file in the angular.json file:

{
  ...
    "styles": [
      "../node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css",
      ...
    ],
  ...
}

2. Or import the picker.min.css in your styles.css

@import "~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css";

Usage

Importing The 'ngx-hana-nameserver-history-viewer' Module

//Import the library
import { NameserverHistoryModule } from 'ngx-hana-nameserver-history-viewer';

@NgModule({
  declarations: [...],
  imports: [
    NameserverHistoryModule, // Include the library in the imports section
    ...
  ],
  providers: [],
  bootstrap: [...]
})
export class AppModule { }

Enabling nameserver history viewer

<ngx-hana-nameserver-history-viewer
  [defaultSelectedItems]="['indexserverMemUsed', 'mvccNum']"
  [hideMeasureColumns]="['Sum', 'Last']"
  [maxRowsLimitation]="100000"
  [showInstruction]="true"
  [timezone]="'America/Vancouver'">
</ngx-hana-nameserver-history-viewer>

Parameters

Name	Description	Example
defaultSelectedItems	Item(s) that will be selected by default on the chart.	[defaultSelectedItems]="['indexserverMemUsed', 'mvccNum']"
hideMeasureColumns	Measure(s) that will be hidden from selection table (controlling area) of the chart.	[hideMeasureColumns]="['Sum', 'Last']"
maxRowsLimitation	The maximum rows that will be loaded from the selected nameserver history file. Web page might crash (OOM of JavaScript VM) if this number is too high (eg: > 500000)	[maxRowsLimitation]="100000"
showInstruction	Flag of instruction	[showInstruction]="true"
timezone	Timezone name, can't be abbreviation	[timezone]="'America/Vancouver'"
fileBuffer	Blob of the nameserver history, set this if you do not want to choose the file manually	[fileBuffer] = <Blob of the File>
autoDisplay	Display the chart automatically if [fileBuffer] is set	[autoDisplay] = true

Todo

• Support Angular 13
• Reduce memory usage
• ...

License

MIT