Skip to content

Shapes on below layer hides hover labels on 1.54.0 #4806

Closed
@jorgebg

Description

@jorgebg

Details
I have a scatter plot with a shape background with "layer": "below" on version 1.53.0. When upgrading the plot to version 1.54.0, hover labels stops working.

How to reproduce

Example: https://jsfiddle.net/jorgebg/2g0mb6tz/6/

  1. Hover the data point of the center of the plot. The label doesn'tshow up. Hover labels of the data points on the sides work though.
  2. Change the plotly.js version to 1.53.0 (line 5).
  3. Hover the data point in the center of the plot and check the label shows up.

Code used in the example:

    const data = [{
        "x": ["2020-04-18T10:00:00.000Z", "2020-04-18T11:00:00.000Z", "2020-04-18T12:00:00.000Z", ],
        "y": [2.68, 2.42, 2.45],
        "type": "scatter",
      }];

      const shapes = [{
        "fillcolor": "#79bc6a",
        "layer": "below",
        "line": {
          "width": 0
        },
        "opacity": 0.2,
        "type": "rect",
        "x0": "2020-04-18T10:00:00.000Z",
        "x1": "2020-04-18T12:00:00.000Z",
        "xref": "x",
        "y0": 0,
        "y1": 15,
        "yref": "y"
      }];

      Plotly.newPlot("plot", data, {
        shapes: shapes,
      });

I checked the release notes and I couldn't find any changes on the shapes API, I think this is a bug. Please let me know if you need more details. Thank you!

Metadata

Metadata

Assignees

Labels

bugsomething brokenregressionthis used to work

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions