Chart is blank when I change color programmatically via Observables

Question

Title is esplicative.When I change the color with BehaviorSubject.next method, everything turns white.I uploaded a sample video: https://imgur.com/OhhBdXV

Piersante Bolzon · Answer

Just figured out that the problem is the gradient in the svg.

Durga Gopalakrishnan · Answer

Hi Piersante 

Greetings from Syncfusion. 

We have ensured your reported scenario with attached video, unfortunately we are unable to replicate an issue from our end. We have attached the tested sample for your reference. We have changed the fill color for chart series using BehaviorSubject.next method. Please check with below snippet and video. 





  public data: BehaviorSubject<string> = new BehaviorSubject(""); 
  public letters: string[] = ["red", "green", "orange", "yellow", "blue"]; 
    private getAsync2 = (): void => { 
      interval().subscribe(x=> this.data.next(this.letters[Math.floor(Math.random() * 4) + 1]));   
      this.fill= this.data.value == "" ? "red" : this.data.value;  
    } 

Sample : https://stackblitz.com/edit/angular-behavior-subject-example-vwyn2p 

Video : https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChangeColor-868143810.zip 

Kindly revert us if you have any concerns. 

Regards, 
Durga G