44 lines
1000 B
TypeScript
44 lines
1000 B
TypeScript
import { Component, OnDestroy } from '@angular/core';
|
|
import { NbThemeService } from '@nebular/theme';
|
|
|
|
@Component({
|
|
selector: 'ngx-d3-advanced-pie',
|
|
template: `
|
|
<ngx-charts-advanced-pie-chart
|
|
[scheme]="colorScheme"
|
|
[results]="single">
|
|
</ngx-charts-advanced-pie-chart>
|
|
`,
|
|
})
|
|
export class D3AdvancedPieComponent implements OnDestroy {
|
|
single = [
|
|
{
|
|
name: 'Germany',
|
|
value: 8940000,
|
|
},
|
|
{
|
|
name: 'USA',
|
|
value: 5000000,
|
|
},
|
|
{
|
|
name: 'France',
|
|
value: 7200000,
|
|
},
|
|
];
|
|
colorScheme: any;
|
|
themeSubscription: any;
|
|
|
|
constructor(private theme: NbThemeService) {
|
|
this.themeSubscription = this.theme.getJsTheme().subscribe(config => {
|
|
const colors: any = config.variables;
|
|
this.colorScheme = {
|
|
domain: [colors.primaryLight, colors.infoLight, colors.successLight, colors.warningLight, colors.dangerLight],
|
|
};
|
|
});
|
|
}
|
|
|
|
ngOnDestroy(): void {
|
|
this.themeSubscription.unsubscribe();
|
|
}
|
|
}
|