4

Plotly.js includes all the parameters needed to configure the ModeBar, which allows one to take away options from the display bar (such as the link to edit the graph online). However, this does not appear implemented in the Plotly.py API. In the js version:

Plotly.newPlot('myDiv', data, layout, {displayModeBar: false}); Removes the modebar entirely.
Plotly.newPlot('myDiv', data, layout, {displaylogo: false}, {modeBarButtonsToRemove: ['sendDataToCloud','hoverCompareCartesian']}) allows one to specify each button to remove which I'd like to implement.

I've edited this as I've found a workaround... see the answer I posted below. Can come in handy for those that have other parameters that they would like to use.

Matt
  • 2,602
  • 13
  • 36

3 Answers3

7

Open the HTML file, search for modeBarButtonsToRemove:[] then replace with the buttons you want removed, for my purpose modeBarButtonsToRemove:['sendDataToCloud']

To remove the Plotly Logo and link, search for displaylogo:!0 and replace with displaylogo:!1

Here is a demo using Python:

from plotly.offline import plot
import plotly.graph_objs as go
import webbrowser
import numpy as np
import pandas as pd

# generate your Plotly graph here

N = 500
y = np.linspace(0, 1, N)
x = np.random.randn(N)
df = pd.DataFrame({'x': x, 'y': y})
data = [go.Histogram(x=df['x'])]

# plot it for offline editing
HTMLlink = plot(data, show_link=False, auto_open=False)[7:] #remove the junk characters
# now need to open the HTML file
with open(HTMLlink, 'r') as file :
  tempHTML = file.read()
# Replace the target strings
tempHTML = tempHTML.replace('displaylogo:!0', 'displaylogo:!1')
tempHTML = tempHTML.replace('modeBarButtonsToRemove:[]', 'modeBarButtonsToRemove:["sendDataToCloud"]')
with open(HTMLlink, 'w') as file:
  file.write(tempHTML)
del tempHTML

webbrowser.open(HTMLlink)
Matt
  • 2,602
  • 13
  • 36
7

This is the compact code. No need in the workaround.

plot(figure, filename='my_chart.html', show_link=False,
     config=dict(displaylogo=False,
                 modeBarButtonsToRemove=['sendDataToCloud']))
Max
  • 1,685
  • 16
  • 21
0

cool workaround. There's a PR for this here: https://github.com/plotly/plotly.py/pull/410. However there was some debate as to the implementation and thus it hasn't been merged.

d-roy
  • 759
  • 2
  • 8
  • 10
  • If you like it feel free to vote for it :) Note you can remove all the buttons listed here: https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js searching under `modeBarButtons.` just insert them into the line above `["sendDataToCloud","pan2d"]` for example. – Matt Apr 12 '16 at 17:45