Adding Plotly Modebar button which allows switching hover mode

Question

I have been using plotly to make some standalone interactive plots that I can share and allow others to play with data.

I switched which version of the standalone .js file I use (that each html file references to save disk space) and ever since I updated that for some other new functionality the option to switch hover modes has disappeared. I think that option was very useful, allowing comparisons to be made between traces when data is very close but still allowing the user to switch to a single hover label if there are too many traces visible on the plot.

The options I am referring to are visible in the picture below. This is part of the Modebar in the top right of the plots that shows up when you hover the cursor in that area.

The most recent version I have does not include that option (or the spikeline toggle).

I have seen the options in the trace options to select the hover mode but I want the user to be able to toggle this option. I know the configuration options allow these to be removed, but I don't see how to add them back in. Any help would be appreciated. Link to configuration options

mit · Accepted Answer · 2022-09-14 19:21:52Z

4

You can use layout.modebar.add = 'v1hovermode' to add the hover mode buttons (see https://plotly.com/javascript/reference/layout/#layout-modebar-add). Alternatively, use config.modebarButtonsToAdd = ['v1hovermode'] as described here under 'Add optional shape-drawing buttons to modebar' https://plotly.com/python/configuration-options/.

const data = [
  {
    x: [1, 2, 3, 4],
    y: [10, 15, 13, 17],
    type: 'scatter'
  }
];

const layout = {
  modebar: {
    add: 'v1hovermode'
  }
};

Plotly.newPlot('myDiv', data, layout);

<head>
    <!-- Load plotly.js into the DOM -->
    <script src='https://cdn.plot.ly/plotly-2.14.0.min.js'></script>
</head>

<body>
    <div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
</body>

answered Sep 14, 2022 at 19:21

mit

1,3409 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding Plotly Modebar button which allows switching hover mode

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related