4

I would like to embed a chart exported to chart studio, and be able to use mouse wheel to zoom in the chart (which is the most convenient way when it comes to maps).

However, no matter which option I use when I export my chart (iframe, html), once it's embedded in another website, wheel-zoom is disabled. I used jupyter-lab and it was enabled. Is there anything I'm missing on ?

Here are some examples of the result I would like to get

https://plotly.com/python/mapbox-county-choropleth/

Embedding using iframe :

<iframe width="900" height="800" frameborder="0" scrolling="no" src="//plotly.com/~hugolmn/3.embed"></iframe>

Edit for more details

Here is the code I used to export the graph to chart studio.

# Exporting to chart_studio
py.plot(fig, filename = 'sncf-train-stations', auto_open=True)

Here is the uploaded graph and here is where it's embedded.

On Chart Studio the mouse wheel zoom works well, but not when it's integrated elsewhere.

Thanks for your help!

Hugolmn
  • 1,530
  • 1
  • 7
  • 20
  • did you try setting [`'scrollZoom': True`](https://plotly.com/python/configuration-options/#enabling-scroll-zoom)? – jayveesea Jun 19 '20 at 11:38
  • Thanks for the idea, unfortunately I already tried and it doesn't work. I don't think fig.show() actually adds anything to the figure object. So once it's online, this config option is probably not there anymore. I added more details to my post. – Hugolmn Jun 19 '20 at 12:25

1 Answers1

3

One solution is to use write_html to create your figure in html and then use this as the source for your iframe. So something like:

fig.write_html("map.html")

and then an iframe like:

<iframe width="900" height="800" frameborder="0" scrolling="no" src="map.html"></iframe>
jayveesea
  • 2,886
  • 13
  • 25