Black Lives Matter. Please consider donating to Black Girls Code today.

Plotly Relayout and Popup box on the click of the line chart

Hi All,

I am using plotly-plot from angular to display a line chart, but on the click on the line, i have to display a popup box like the below image, and to also get the co-ordinates or data of “x and y”, so that I show appropriate data instead of bad data.

Here is the below image of UX that i am planning to implement. Please suggest the best way to do it, I am planning on using annotations and style the annotation to look like popup box on the click event, but in order to do this, i have to call relayout on the plotly-plot.

Could someone help me on this.44%20PM

hi @etienne, can you help me on this usecase.

You might want to read How to customize Plotly Tooltip