angular - Kendo Angular UI Gauges 在更新后自行调整大小

Question

我正在使用 RedialGauge来自 Kendo UI 和 angular。

我每 3 分钟使用 rxjs 从 api 动态加载我的仪表数据，这是我的代码:

interval(2e5)
   .pipe(
      startWith(() => forkJoin(
          this.service.getStatistics(),
          this.service.otherCall()
        )
      ),
      switchMap(() => forkJoin(
          this.service.getStatistics(),
          this.service.otherCall()
        )
      ),
      retryWhen((err) => err.pipe(
          take(3)
        )
      )
   ).subscribe(([statistics, others]) => {
      this.statistics = statistics;
      ...
   });

初始化加载后一切正常，仪表看起来像他们应该的

但在下一次更新后，仪表会随机调整它们的大小

Answer 1

这是我想出的结果，虽然有点老套，但这是唯一真正有效的解决方案。

当我想更新仪表时，我基本上会重新加载组件。

public refreshComponent(): void {
   const url = this.router.url;
   this.router.navigateByUrl('/app', {skipLocationChange: true}).then(() => {
      this.router.navigate([url]);
   });
}