IE9 JS Plotly.redraw and Plotly.addTraces both throws Invalid Argument

[micwc]

I used the recommended way to load plotly for IE9 with the typedarray

<script>if(typeof window.Int16Array !== 'function')document.write("<scri"+"pt src='extras/typedarray.min.js'></scr"+"ipt>");</script>

<script type="text/javascript" src="plotly.min.js"></script>

I am trying to do a simple "bar" chart with three traces. However, both addTraces (adding one trace at a time) and redraw (array of traces) would throw "Invalid Argument" error in IE9 and no bars on graph

IE10+ works
Chrome works

Is there a workaround for this in IE9? It is a little urgent

thanks for any help

[etpinard]

Can you screenshot where the error occurs?

(I don't have access to a machine with IE9, and I'd rather not debug using browserstack).

Thank you!

[micwc]

        var plotDiv = document.getElementById('theChart');
        plotDiv.data = traces;
        Plotly.redraw(plotDiv);

version 1.3.1

let me know if more info is needed, thanks

[etpinard]

@micwc Could paste a screenshot of the callstack leading to the error?

Thank you very much!

[micwc]

[etpinard]

@micwc thanks!

This line https://github.com/plotly/plotly.js/blob/master/src/components/legend/index.js#L465 looks a little strange.

Perhaps changing it to:

could fix it.

[micwc]

I tried this, but it came back with the same error

[etpinard]

@micwc arrg.

I'll take your word on it and mark this as a bug.

Unfortunately, no plotly.js full-time member will have the time to work on this in the next days.

[WardLootens]

I stumbled upon the same error. Of course I'm not sure the cause is the same, but in my case the value of the value parameter passed to d3_style_setProperty.call was NaNpx (and name was #stroke-width). I could fix this by explictly adding marker.line.width option to my traces.
e.g.

marker: {
    color : 'green',
    line: {width: 0} // should be there, to make it work in IE9 :-)
}, 

Hope this can be of any help...

[n-riesco]

I reckon is caused by this line. It should look like line above.

@WardLootens I don't have access to IE9, would you be able to check if replacing lineWidth with (lineWidth||1) fixes the problem for you?

[WardLootens]

@n-riesco
I replaced this, but this was not enough :-) Same error occured at other point in the callstack.
I got it working by additionally changing
this line and this line.

FYI, I'm testing IE9 with Virtual Machine images downloaded from http://modern.ie

[n-riesco]

@WardLootens Thx for the link.

Do you have a small test case I can use to reproduce the problem?
I would like to understand why marker.line.width hasn't been coerced to its default value.

[WardLootens]

Here you go: https://jsfiddle.net/wardlootens/gqdme3r2/5/

[n-riesco]

Really??? I had imagined this issue to be some corner case.