How to make use of event handler props like (plotly_click)?

[desmondblue]

Hi. I have been trying to integrate plotly_click event like

<plotly-plot [data]=graph.data [layout]=graph.layout (plotly_click)="trigger($event)">

I can't get any response for the same:

TS Code:
trigger(event){
console.log(event)}

[desmondblue]

Do we need to include anything that I might be missing? I have imported the PlotlyModule. I went over your demo codes, I am unable to see why point_click is not being registered as an event more importantly when I use point_click in the tag it comes like :
<plotly-plot [data]=graph.data [layout]=graph.layout (plotly_click)="trigger($event)">
plotly is blue and _click normal text

[desmondblue]

Hi I tried specifying hovermode and click mode in ts code to no avail

[andrefarzat]

hello @desmondblue . As you described, it should be working. May I ask you the complete code for both HTML and TS ?

[desmondblue]

I am sorry I can't provide the code as its too vast to be put in place here and it will take too much time to explain the functioning. As per your quickstart guide I imported the Plotly modules correctly and did all the necessary steps still not working. Also I used the angular hover event and click event they are working fine. While for the click event ($event) is returning MouseEvent in hover ($event) is giving the dictionary of {points and etc.} . I tried all the predefined events doubleclick and everything and none of them are working

[andrefarzat]

@desmondblue it's hard to tell what is the issue without knowing how to reproduce the bug. May I ask you to create an example using the demo on this repository ? I am asking this because usually I create an example replicating the issue and presenting to the reporter to guarantee it was solved.

Here are screenshots of the demo with the plotly_click working:

[BrunoAntonioA]

Hello! I've the same issue. I've a similar code of Andre, but it doesn't work

[BrunoAntonioA]

I found the issue !!! the prop is writed as (plotlyClick) and it is (plotly_click). So if I'm not wrong, the documentation has to be fixed: https://github.com/plotly/angular-plotly.js/blob/master/README.md.

[andrefarzat]

@BrunoAntonioA It's, funny that my code example is wrong ( using plotly_click), but the actual doc (and code) is correct ( suggesting using plotlyClick ). See the source code:

• The plotlyClick event declaration: https://github.com/plotly/angular-plotly.js/blob/master/projects/plotly/src/lib/plotly.component.ts#L71
• The plotlyClick trigger: https://github.com/plotly/angular-plotly.js/blob/master/projects/plotly/src/lib/plotly.component.ts#L217

My question is, which version you used that worked?

[BrunoAntonioA]

@andrefarzat I'm using "angular-plotly.js": "^2.0.0" or "plotly.js": "^1.54.7" or "plotly.js-dist": "^1.54.7" hahaha. I'm not really sure which one is is the correct one that let me call plotly_click. But I'ts rare that plotlyClick isn't working for me.

[kajal221954]

plotly_click also not working on my case also