@ng-library/Common Library
Common libraries for @angular-lib projects.
Table of Contents
Installation
Install @angular-lib as a development dependency:
npm i @ng-library/common-library --save-dependenciesLibraries
Wrapper Component D3
Create a new svg element to binding angular-lib d3 components and created data visualizations.
Methods:
svgContainer()
Parameters: None.
Return: HTML Element
Return created HTML Element with unique id when instance the class.
uid()
Parameters: None
Return: String.
Return a string with unique id to identificate the created element.
width()
Parameters: None
Return: Number.
Return the width of the element
height()
Parameters: None
Return: Number.
Return the width of the element
Usage:
...
import { WrapperComponentD3 } from '@angular-lib/common-library';
...
private _WrapperComponentD3: WrapperComponentD3;
constructor(
private elementRef: ElementRef
) { }
ngOnInit() {
// Create D3 Container
// Generate new svg element with the measures of elementRef.
this._WrapperComponentD3 = new WrapperComponentD3(this.elementRef);
// Get the uniqueId
console.info(this._WrapperComponentD3.uid());
}Colors
Create a random palettes of colors
Methods:
generateRandomColor()
Parameters: Number of colors.
Return: HTML Element
Return created HTML Element with unique id when instance the class.
Usage:
...
import { Colors } from '@angular-lib/common-library';
...
@Component({
...
providers: [
...
Colors
]
})
...
constructor(
private colors: Colors
) { }
ngOnInit() {
// Create Random Color Pallette of 8 colors
const colorPalette = this.colors.generateRandomPallete(8);
// Get the pallete
console.info(colorPalette);
}