Annotations in ternary plots

Hi there,

I hope someone in the forum could help me with this issue.

I’m trying to add annotations to a ternary plot using plotly_click. I can get the coordinates of the point that has been clicked but, when I try to add the related annotation this is located at the center of the ternary plot and not close to the point.

Anyone has reproduced this behavior or I’m missing something?

This is my function that returns an annotation:

const makeAnotacion = ( point )=>{

return {
      a: point.a,
      b: point.b,
      c: point.c,
      text: point.a + "<br>" + point.b + "<br>" + point.c,
      showarrow: true, 
      arrowwidth: 2,
      font: {
        size: 16,               // Font size
        color: 'black',         // Font color
      },
      bgcolor: 'white',        // Background color of the annotation
      bordercolor: punto.fullData.marker.color,     // Border color
      borderwidth: 2, 
      borderpad: 4, 
      align: 'center',
      opacity: 0.7
    }

}

The point argument is an evenData.points object.

Thanks in advance.

Kind regards.

This really took a lot of work, it was not easy at all, the problem is that the size of the graph did not coincide with the domain so we had to adjust the margins so that the domain was the same size as the graph and thus be able to use the functions of converting coordinates to domain and this is the result