Code Monkey home page Code Monkey logo

ngx-hana-nameserver-history-viewer's Introduction

ngx-hana-nameserver-history-viewer

npm npm downloads Travis MIT licensed

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

Demo

Check out the LIVE DEMO for more information!

small_demo_nameserver_history_viewer

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, 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 (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'"

Todo

  • Support Angular 7
  • Reduce memory usage
  • ...

License

MIT

ngx-hana-nameserver-history-viewer's People

Contributors

ckyycc avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.