text: formatLabelName()

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: {