hoverCompareCartesian doesn't get removed from plot

[olgabot]

Hello! Thanks again for dash, it's been a dream for us to work with. My colleague @jamestwebber asked about customizing the toolbar a few days ago and while that has overall been successful, we haven't been able to remove the hoverCompareCartesian option. Here is our config_dict, which gets passed to each plot with config=config_dict.copy():

config_dict = {'modeBarButtonsToRemove': ['sendDataToCloud',
                                          'pan2d',
                                          'zoomIn2d',
                                          'zoomOut2d',
                                          'autoScale2d',
                                          'resetScale2d'
                                          'hoverCompareCartesian',
                                          'hoverClosestCartesian',
                                          'toggleSpikelines',
                                          ],
               'displaylogo'           : False
               }

But we still get a "Compare data on hover" option, which we'd like to remove because it doesn't make sense for this type of data:

Do you know why this hoverCompareCartesian option can't seem to get turned off?
Thank you!
Olga

[jamestwebber]

One clue: if I switch the order of hoverCompareCartesian and hoverClosestCartesian we get the other one instead. Suggests that hiding one automatically causes the appearance of the other.

[chriddyp]

Hm.. good question. I'll run this by the plotly.js folks.

[chriddyp]

(Here's the config in a plotly.js codepen, a little bit easier / faster to mess around with: https://codepen.io/chriddyp/pen/MvjpJg?editors=1010)

[chriddyp]

At first glance, it doesn't look like it's an issue with the latest plotly.js:

[chriddyp]

This example seems to work for me. @olgabot or @jamestwebber - could try this example out and/or post a reproducable example?

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()
app.layout = html.Div([
    dcc.Graph(
	id='my-graph',
	figure={
		'data': [{'x': [1, 2, 3]}]
	},
	config={
	      'modeBarButtonsToRemove': [
        	'sendDataToCloud',
	        'pan2d',
        	'zoomIn2d',
	        'zoomOut2d',
	        'autoScale2d',
	        'resetScale2d',
	        'hoverCompareCartesian',
	        'hoverClosestCartesian',
	        'toggleSpikelines'
	      ],
		'displayModeBar': True,
		'displaylogo': False
	}
    )
])

if __name__ == '__main__':
	app.run_server(debug=True)

[jamestwebber]

Weird, I'll check it out. Maybe we just have a stale version, but we should be pretty up to date.

[jamestwebber]

Uh...yeah. We have a missing comma in our config list. Nothing to see here.

< _ <

We are data scientists.

> _ >