1.0.0 • Published 3 years ago
@katze/ngx-d3 v1.0.0
ngx-d3
is a D3 wrapper service for Angular applications inspired by @tomwanzek/d3-ng2-service.
Installation
yarn add @katze/ngx-d3
Usage
NgxD3Service
: The Angular D3 Service injectable,D3
: A TypeScript type alias for thed3
variable which can be obtained from theNgxD3Service
, and- the various TypeScript interfaces and type aliases which are related to the D3 modules constituting
d3
as provided by this service (e.g.Selection
,Transition
,Axis
).
To obtain the d3
object from an injected D3 service ngxD3Service: NgxD3Service
, it offers a method ngxD3Service.getD3()
with return type D3
.
How to use
import { Component, OnInit } from '@angular/core';
import { NgxD3Service } from '@katze/ngx-d3';
@Component({
selector: 'histogram-component',
templateUrl: 'histogram-component.component.html',
styleUrls: ['histogram-component.component.css']
})
export class HistogramComponent implements OnInit {
private readonly d3 = this.ngxD3Service.getD3();
constructor(private readonly ngxD3Service: NgxD3Service) {}
ngOnInit() {
this.d3.select(...)
// ...
}
}