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

When using anotation in plotly_hover Histogram graph is compressing on hover event. And when if i am not using annotation in plotly_hover not to generate text dynamically

histogramChart.on('plotly_hover', function (data) {
          var point = data.points[0]
              , annotationValue = {
                  x: point.xaxis.d2l(point.x)
                  , y: point.yaxis.d2l(point.y)
                  , arrowhead: 6
                  , ax: 0
                  , ay: -5
                  , xanchor: "right"
                  , yanchor: "top"
                  , bgcolor: 'rgba(255, 255, 255, 0.9)'
                  , arrowcolor: point.fullData.marker.color
                  , font: {
                      size: 12
                  }
                  , bordercolor: point.fullData.marker.color
                  , borderwidth: 1
                  , borderpad: 2
                  , text: point.y + 'Items<br>' + '0 Selected<br>'
              }
              , newIndex = (histogramChart.layout.annotations || []).length;
          Plotly.relayout('histogramChart', 'annotations[' + newIndex + ']', annotationValue);
      })

So, you would like to have access to the raw sample data of the histogram trace on hover?

No, thank you. Problem solved .