3D plot redraw() inside a listener cause a recursive loop

I have the following code to be executed:

this.$.plot3d.on('plotly_click', function(d){
  self.data[1].x.push(parseFloat(d.points[0].x))
  self.data[1].y.push(parseFloat(d.points[0].y))
  self.data[1].z.push(parseFloat(d.points[0].z))
  redrawing = true
  Plotly.redraw(self.$.plot3d); 
})

It just adds a 3D point (x,y,z) to a trace and then it redraws the plot.
If I do like this, as far as I seen, the redraw method somewhere trigger again the plotly_click event and this cause a recursive loop.

I used an ugly workaround to fix this, which is the following:

this.$.plot3d.on('plotly_click', function(d){
  if(!redrawing){        
    self.data[1].x.push(parseFloat(d.points[0].x))
    self.data[1].y.push(parseFloat(d.points[0].y))
    self.data[1].z.push(parseFloat(d.points[0].z))
    redrawing = true
    Plotly.redraw(self.$.plot3d);
  } else {
    redrawing = false
  }
})

But it's not hte best way. Am I do correctly redrawing the graph in a listener? Is there any other way (maybe the right one) to redraw a graph after a point selection? Is this allowed?

Thank you

Không có tệp hoặc bài kiểm thử nào được nêu tên. Hãy bắt đầu bằng cách tái hiện listener plotly_click được cung cấp cùng với Plotly.redraw trên một biểu đồ 3D, sau đó lần theo các điểm vào của sự kiện và redraw để xác định liệu redraw có phát lại sự kiện nhấp chuột hay không. Hoàn thành khi hành vi được ghi nhận hoặc đã sửa không còn gây ra vòng lặp đệ quy và được bao phủ bởi một bài kiểm thử hồi quy phù hợp.