Tooltip not visible

[Shivani Bhilare]

Tooltip is not visible after providing tooltip tag in circular gauge

providers: [GaugeTooltipService]

// tooltip variable

public tooltip: object = {enable: true};

//html code

 <ejs-circulargauge id="circular-container" [tooltip]="tooltip">

      <e-axes>

          <e-axis>

              <e-pointers>

                  <e-pointer value=70></e-pointer>

              </e-pointers>

          </e-axis>

      </e-axes>

  </ejs-circulargauge>

[Indumathi Ravi]

Hi Shivani,

Thank you for contacting Syncfusion Support.

We are able to reproduce the reported issue. However, we can fix it by adding the "display" CSS style as "block" to the Circular Gauge control. Please find the code snippet below.

Code Snippet: 

[app.component.html]

<ejs-circulargauge [tooltip]='tooltip' style="display: block;">
</ejs-circulargauge> 

We have created a sample and it can be found from the below StackBlitz link. 
https://stackblitz.com/edit/angular-syncfusion-circular-gauge-uqdejw?file=app.component.html 

Please let us know if you need any further assistance. 

Regards,
Indumathi R