Jupyter Dashboard - Plotly Charts overlapping issue

[rodolfo-flores-seagull-com]

Hi, I'm having overlapping issues with plotly charts when I'm editing a dashboard,

Instance specification: jupyter notebook 5.0.0 (Anaconda distribution) jupyter_dashboards 0.7.0 py27_0 conda-forge plotly 2.0.9

And when I'm trying to resize a plotly cell, it go back to fill all width of the window, so i can't put a chart next to other notebook output

Thanks!!

[parente]

Can you post an example notebook that suffers from this problem as a gist? I haven't been able to reproduce it locally with the matplotlib+plotly+bokeh notebook in PR #302 (https://github.com/parente/dashboards/blob/23756feca44d26379204f72149a0b89e36044747/etc/notebooks/plotting_demo.ipynb).

[rodolfo-flores-seagull-com]

I used your notebook as template and I added another chart (bar chart) at the end, and I see the same issue. The csv is in git as well

https://github.com/rodolfo-flores-tierconnect-com/jupyter/blob/master/dashboards/plotting_demo_issue.ipynb

df_giv_grouped = pd.read_csv('giv_grouped.csv')
trace0 = go.Bar(
    x=df_giv_grouped['brand'],
    y=df_giv_grouped['onhand'],
)
data = go.Data([trace0])
layout = go.Layout(title='plotly example', width=600, height=400)
py.iplot(go.Figure(data=data, layout=layout))

Thanks for your help

[parente]

Thanks for posting the sample. I'll give it a try as soon as I have some time to dive in again.

[parente]

Had a few minutes to look at this today. Some action / code is causing the data-gs-width attribute on the draggable <div class="cell"> elements to become a NaN. Once that happens, sizing of that cell is essentially busted. I can restore sizing to working order via the DOM inspector by putting in a valid number for the width.

Mostly a note to self for when I have more time to debug.

[lucasdurand]

Am noticing similar issues when using plotly with a lot of interfaces, any chance a fix is in the mix?