UNPKG

ng-d3-graphs

Version:

<img src="./assets/ng-d3.png" alt="drawing" width="250" height="250"/>

62 lines (61 loc) 1.56 kB
import { ElementRef, OnInit } from '@angular/core'; import { Subject } from 'rxjs'; import { Axis } from '../shared/models/axis.interface'; import { GraphOptions } from '../shared/models/graph-options.interface'; import { ViewBox } from '../shared/models/viewbox.interface'; import { D3Service } from '../shared/services/d3.service'; export interface Bar { labels: any[]; data: any[]; options?: any; } interface BarData { label: string; values: any[]; } export interface BarD3 { xAxis: Axis[]; yAxis: Axis[]; xAxisPath: string; yAxisPath: string; rectanglesData: Rectangle[]; } export interface Rectangle { x: number; y: number; height: number; width: number; } interface LabelsAndData { x: any; y: any; } export interface BarOptions extends GraphOptions { gridTicks?: number; } export declare class BarComponent implements OnInit { private container; private d3Service; data: BarData[]; labels: any[]; options?: BarOptions; graph: BarD3; labelsAndData: LabelsAndData[]; parseTime: (dateString: string) => Date; private _options; viewBox: ViewBox; onResize$: Subject<void>; onResize(): void; constructor(container: ElementRef, d3Service: D3Service); ngOnInit(): void; private render; private changeAxisColor; private removeAxisTicks; private addLabelAxisY; private addLabelAxisX; private combineLabelsDataToOne; private make_x_gridlines; private make_y_gridlines; onResizeEvent(): void; } export {};