in web-app/src/app/routes/dashboard/dashboard.component.ts [98:192]
text: formatLabelName(item),
weight: Math.random() * (10 - 5) + 5
});
});
this.wordCloudData = tmpData;
} else {
this.wordCloudData = this.defaultWordCloudData;
}
this.cdr.detectChanges();
} else {
console.warn(message.msg);
}
tagsInit$.unsubscribe();
},
error => {
tagsInit$.unsubscribe();
console.error(error.msg);
}
);
}
onLabelCloudClick(data: CloudData): void {
this.router.navigate(['/monitors'], { queryParams: { labels: data.text } });
}
// start -- quantitative information summary
appCountService: AppCount = new AppCount();
appCountOs: AppCount = new AppCount();
appCountDb: AppCount = new AppCount();
appCountMid: AppCount = new AppCount();
appCountCustom: AppCount = new AppCount();
appCountProgram: AppCount = new AppCount();
appCountCache: AppCount = new AppCount();
appCountBigdata: AppCount = new AppCount();
appCountWebserver: AppCount = new AppCount();
appCountCn: AppCount = new AppCount();
appCountNetwork: AppCount = new AppCount();
slideConfig = {
infinite: true,
speed: 1200,
slidesToShow: 4,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1200,
rows: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2.75,
slidesToScroll: 3,
speed: 4000,
infinite: true
}
},
{
breakpoint: 480,
settings: {
speed: 4000,
slidesToShow: 0.75,
slidesToScroll: 1
}
}
]
};
// start -- quantity overall overview
interval$!: any;
appsCountLoading: boolean = true;
appsCountTableData: any[] = [];
appsCountEChartOption!: EChartsOption;
appsCountTheme!: EChartsOption;
appsCountEchartsInstance!: any;
pageResize$!: any;
// collector list
collectorsLoading: boolean = false;
collectors!: CollectorSummary[];
collectorsTabSelectedIndex = 0;
// alert list
alerts!: SingleAlert[];
alertContentLoading: boolean = false;
ngOnInit(): void {
this.theme = this.themeSvc.getTheme() || 'default';
this.appsCountTheme = {
title: {
text: `{a|${this.i18nSvc.fanyi('dashboard.monitors.title')}}`,
subtext: `{b|${this.i18nSvc.fanyi('dashboard.monitors.sub-title')}}`,
left: 'center',
textStyle: {
rich: {
a: {