Add mouseenter event

[Ahmed Chouihi]

Hello,

I am working on Linearguage and I am trying to get the color or the area where the mouse in hover but I found one solution that I can't find it is syntax properly to check the color of the item where the mouse in over :

This is the snippet of code 

Html part :

<ejs-lineargauge #axesActivite (gaugeMouseMove)="Testfunct()" 

Do anyone has any idea how to reslove that , 

the chart is made from many parts so many colors .

Thanks in advance,

[Indumathi Ravi]

Hi Ahmed, 

  

Thank you for contacting Syncfusion support. 

  

We can achieve your requirement by using the “gaugeMouseMove” event. We can use this event to get the color of the target element by accessing the DOM attributes. Please find the code snippet below. 

  

Code Snippet: 

[app.component.html]

<ejs-lineargauge (gaugeMouseMove)="gaugeMouseMove($event)">
</ejs-lineargauge>

[app.component.ts]

public gaugeMouseMove(args: IMouseEventArgs): void { 

    //Perform calculation to get the color for the target element. 

  } 

  

We have created a sample to demonstrate the same and it can be found from the below link. 

https://stackblitz.com/edit/angular-gj5ggd-ebz5an?file=app.component.ts 

Please let us know if the above sample meets your requirement and let us know if you need any further assistance. 

Regards,
Indumathi R.