ngx-hana-nameserver-history-viewer

An Angular 6 module of SAP HANA nameserver history viewer. Supports MDC, different timezone and zoom-in.

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 depents on ngx-selection-table, ngx-dropdown-list, moment-timezone, papaparse, ng-pick-datetime, 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/ng-pick-datetime/assets/style/picker.min.css",
      ...
    ],
  ...
}

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

@import "~ng-pick-datetime/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 nameserverh 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 (controling 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'"

Todo

Support Angular 7
Support JSON Compression
...

License

MIT

Li-Yuanyuan/ngx-hana-nameserver-history-viewer