Error: View Container not found! ngUpgrade needs to manually set this via setRootViewContainer or setGlobalRootViewContainer.

Describe the bug If have an angular 9 app running with ngUpgrade in usage. Since the upgrade from angular 8.2.14 to 9.1.2 and ngx-charts 12.0.1 to 14.0.0 the error Error: View Container not found! ngUpgrade needs to manually set this via setRootViewContainer or setGlobalRootViewContainer. is thrown, when hovering over a line chart.

Expected behavior The chart shall not throw an exception.

Screenshots

ngx-charts version 14.0.0

Additional context If this is not a bug a description of how to fix this would be really helpful.

[mvandenbrink]

Thanks @medi6 , this removes the error indeed. Working with a base component, it was enough to only pass the viewContainerRef.

import { TooltipService } from '@swimlane/ngx-charts';

export class BaseComponent implements OnChanges, OnInit {
...
  private chartToolTipService : TooltipService;
  readonly viewContainerRef: ViewContainerRef;

  constructor(
    private injectorObj: Injector,
  ) {
    this.chartToolTipService = this.injectorObj.get(TooltipService);
    this.viewContainerRef = this.injectorObj.get(ViewContainerRef);
  }

  ngOnInit(): void {
    this.chartToolTipService.injectionService.setRootViewContainer(this.viewContainerRef);
    ...
  }
  
  ...
}

export class MyChartComponent extends BaseComponent {
  constructor(
    public injector: Injector,
  ) {
    super(injector);
  }
}

[medi6]

Hi, after spending a little time on it, I’ve got a solution.

1/ inject TooltipService in your component import {TooltipService} from '@swimlane/ngx-charts'; 2/ In component’s constructor add : private chartToolTipService : TooltipService, private viewContainerRef: ViewContainerRef
3/ set the ViewContainerRef in ngOnInit. You can use the ViewContainerRef of your component, but It’s better to use your root ViewContainerRef because of superpositions errors. In my case (ngUpgrade) It’s a little more complicated : this.chartToolTipService.injectionService.setRootViewContainer(this.parentContainer||this.coreServicesProvider.mainViewService.mainViewContainer||this.viewContainerRef);

And it works.