Plotly graphs not displayed on IE 11.

[jasonrims]

I am using plotly for creating reports in my company. Most of my stakeholders use IE11. In the past everything has been ok with the html files which i send to them having the charts created with my jupyter notebook using python.Recently i made some changes(added graph background color and legend background color) and all of a sudden these charts are not visible on IE anymore and can just be viewed on chrome. I have tried to update my plotly and ran into thesame results when trying to open the downloaded html file in IE.

[etpinard]

Thanks for reporting!

Can you tell us which plotly.js trace types you're using? Better yet, can you send us the HTML files that you exported to help us debug?

Thanks for very much.

[jasonrims]

Hi,
Thanks for your respond. All the traces dont work. I am using Scatter,Bar, and Box.Sorry i cant send to you the html file because contains company data.
When i hover on the empty space i can view the plotly menu,but the chart is not available.

[archmoj]

@jasonrims Could you possibly try replacing the data with some other unreal data?

[jasonrims]

Hi,

Here is a sample html file.
`import numpy as np
import pandas as pd
import plotly.offline as py
import plotly.graph_objs as go
from plotly.offline import download_plotlyjs,init_notebook_mode,plot,iplot
init_notebook_mode(connected=True)

x_values = np.linspace(0, 1, 100)
y_values = np.random.randn(100)

trace0 = go.Scatter(
x = x_values,
y = y_values+5,
mode = 'markers',
name = 'markers'
)
trace1 = go.Scatter(
x = x_values,
y = y_values,
mode = 'lines+markers',
name = 'lines+markers'
)
trace2 = go.Scatter(
x = x_values,
y = y_values-5,
mode = 'lines',
name = 'lines'
)
data = [trace0, trace1, trace2]
layout=go.Layout(title='Sample',
yaxis=dict(title='Number'),
xaxis=dict(title='Days'),
legend=dict(x=-0.08,y=-0.25,bgcolor='#e3eaf7'),
plot_bgcolor='#e3eaf7')
fig=go.Figure(data=data,layout=layout)
py.iplot(fig)`

The plot appears normal on chrome as

But on IE11.

[etpinard]

@jasonrims are there any error messages in the IE11 browser console?

[etpinard]

I tested a few plots through our test dashboard on browserstack, everything seems to work ok in IE11.

Maybe something is up with jupyter. @jasonrims can you try opening https://plot.ly/~etpinard/7329.embed in IE11?

[etpinard]

Or maybe this report is a duplicate of #895 - where some IE11-version dependent bug was observed.

[jasonrims]

I tested a few plots through our test dashboard on browserstack, everything seems to work ok in IE11.

Maybe something is up with jupyter. @jasonrims can you try opening https://plot.ly/~etpinard/7329.embed in IE11?

@etpinard i am able to open the test dashboard you sent on IE11, but the HTML notebook created from jupyter notebook displays empty graphs.

[jasonrims]

@etpinard i have been able to open other versions of my plots with IE11, but in the latest version where i have added, a color background for the graph, changed legend position and added legend color background, it doesnt render plots anymore on IE11.

[archmoj]

@etpinard i have been able to open other versions of my plots with IE11, but in the latest version where i have added, a color background for the graph, changed legend position and added legend color background, it doesnt render plots anymore on IE11.

@jasonrims what about changing only one of the three & testing them individually? That can help debugging which item may cause a problem.
Thanks.

[jasonrims]

@etpinard I tried changing each individually but still no fix. Since my data increases and so do the bars on the plot, could a size problem cause this?

[archmoj]

I tried changing each individually but still no fix. Since my data increases and so do the bars on the plot, could a size problem cause this?

Just to double check:
Q1: There is no bug when you don't touch any of the three?
Q2: But then changing any of the three it could trigger the problem?

[jasonrims]

@archmoj
1.When i change all the three updates, i still dont get any plot in IE11.
2.The changes does not make any difference.
3.The only difference only comes with increased data meaning more bars on the plots.

It works perfectly well on google chrome and other browsers

[etpinard]

A few more questions:

• are there any error messages in the IE11 browser console?
• looks like you're using python, so by plotly version, you mean the plotly.py version, right? Which plotly.py version is that?

Thanks!

[archmoj]

@jasonrims could you please test to see if this setup works?
data = [trace0, trace1, trace2]
layout=go.Layout(title='Sample',
yaxis=dict(title='Number'),
xaxis=dict(title='Days'),
legend=dict(x=-0.08,y=-0.25),
plot_bgcolor='#777')
fig=go.Figure(data=data,layout=layout)
py.iplot(fig)`

[jasonrims]

@archmoj

[jasonrims]

@etpinard
yes i am using python. Showed you my code.
it is a plotly.py

[etpinard]

Showed you my code.
it is a plotly.py

Yes, but which version?

[jasonrims]

@etpinard

[etpinard]

This looks more and more like a plotly.py problem, so this issue will now be tracked in plotly/plotly.py#1693

related: https://community.plot.ly/t/plotly-charts-not-displaying-in-ie/26506/2