Here is a new IE8 issue

127 views
Skip to first unread message

Doug Wolfgram

unread,
Mar 1, 2013, 12:07:58 AM3/1/13
to dygraph...@googlegroups.com
There seems to be something weird about IE8 and the way it handles csv data. My simple test code is below...

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<!--[if IE]><script type="text/javascript" src="/js/flot/excanvas.js"></script><![endif]--> 
<title>Graph Test</title> 
<script type="text/javascript" src="/js/jquery-1.8.3.js"></script> 
<script type="text/javascript" src="/js/dygraph-combined.js"></script> 
<script type="text/javascript"> 
    var unitdata = "Date,Planned,Actual\n"; 
    unitdata += "2013-02-11,120,120\n2013-02-12,120,100\n2013-02-13,120,140\n"; 
</script> 
<script type="text/javascript"> 

$(document).ready(function() {

    var g1 = new Dygraph( 
        document.getElementById("graphdiv1"), 
        'unitdata.csv', 
        { }
    ); 
}); 
</script> 
</head> 
<body> 
<div id="graphdiv1" style="height:300px;"></div> 
</body> 
</html>

I am testing in IE 10, Browser Mode IE8  - Standards Mode IE8.

When I use the csv file, as above, it works fine. But if I use the inline data declared in the js in the header, it will not render the lines in IE8 Standards mode, but with with IE9 standards mode. 

It appears to be some sort of timing thing. If I alert the data right before the call to dygraphs' constructor, the data is identical in both cases. The jquery 'document' construct ensures that nothing is done until the file is completely loaded. So why would IE8 NOT render a local string, but work properly on a file?

Summary:

csv file: IE8 Browser  IE8 Standards -- works  also works for all other IE9 and IE10 combos

local file: IE8 Browser  IE8 Standards -- does NOT work. But as long as I set to IE9 standards, everything works fine no matter what the browser is set for , even IE8


Very odd....


Doug Wolfgram

unread,
Mar 1, 2013, 12:29:59 AM3/1/13
to dygraph...@googlegroups.com
Slight update. I tried array data as well with the exact same results... I even removed the labels and replaced the - with / in dates. The date axis renders and is accurate and when I mouse over the graph I get legend updates that are correct, but no lines are drawn. excanvas and the meta tage are there and again, it works fine when I point dygraphs to a csv file to load. Is this some sort of timing issue? 

// var unitdata = "2013/02/11,120,120\n2013/02/12,120,100\n2013/02/13,120,140\n"; 

var unitdata = [];
unitdata[0] = [];
unitdata[0][0] = new Date("2013/02/11");
unitdata[0][1] = 120;
unitdata[0][2] = 120;
unitdata[1] = [];
unitdata[1][0] = new Date("2013/02/12");
unitdata[1][1] = 120;
unitdata[1][2] = 100;
unitdata[2] = [];
unitdata[2][0] = new Date("2013/02/13");
unitdata[2][1] = 120;
unitdata[2][2] = 140;

Doug Wolfgram

unread,
Mar 1, 2013, 12:38:38 AM3/1/13
to dygraph...@googlegroups.com
I was able to get it working by putting a half=second delay (setTimer) before calling the graph function. Ugly, but it works. Is there a better solution?

One more quirk -- has anyone solved the y-axis rotation problem in IE8? Seems that the rotate CSS doesn't work in IE8. Can I over-ride it in css somehow?


---


On Thursday, February 28, 2013 9:07:58 PM UTC-8, Doug Wolfgram wrote:

Dan Vanderkam

unread,
Mar 1, 2013, 12:42:50 AM3/1/13
to Doug Wolfgram, dygraph...@googlegroups.com
excanvas may take a bit to "warm up". IE8's VML implementation doesn't work especially well with excanvas. The X-UA-Compatible header is designed to make IE8 render the page in IE7 standards mode (IE7's VML implementation works fine). So if you're rendering in IE8 standards mode, I'm not at all surprised that things are broken.

  - dan


--
You received this message because you are subscribed to the Google Groups "dygraphs-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dygraphs-user...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

Dan Vanderkam

unread,
Mar 1, 2013, 12:44:05 AM3/1/13
to Doug Wolfgram, dygraph...@googlegroups.com
Also, re: rotated text in IE8, are you referring to the y-axis label? That should work. If it's broken, please file a bug.

  - dan

Doug Wolfgram

unread,
Mar 1, 2013, 12:56:38 AM3/1/13
to dygraph...@googlegroups.com, Doug Wolfgram
Yes. I even added the IE8 -ms-filter command to try to override it...

.dygraph-ylabel {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */
}

I'll do some more testing before I file a bug. It may be some other CSS that is stepping on it. 

Dan Vanderkam

unread,
Mar 1, 2013, 1:01:19 AM3/1/13
to Doug Wolfgram, dygraph...@googlegroups.com
You shouldn't have to write any of your own styles for this to work. Does the y-axis label on dygraphs.com render correctly for you?

Doug Wolfgram

unread,
Mar 1, 2013, 1:05:15 AM3/1/13
to dygraph...@googlegroups.com, Doug Wolfgram
No. It sits horizontally on top of the graph. 

With IE8 browser mode, it is OK in IE9 standards mode. But in IE8 standards mode, it doesn't rotate. 

Doug Wolfgram

unread,
Mar 4, 2013, 1:22:28 PM3/4/13
to dygraph...@googlegroups.com, Doug Wolfgram
Any update on this? Client is asking.. :)

Dan Vanderkam

unread,
Mar 4, 2013, 3:06:44 PM3/4/13
to Doug Wolfgram, dygraph...@googlegroups.com
I can confirm that this has broken.

I can't make promises about when we'll get to it. Anything you can do to dig into the problem and find out what broke this would be helpful.

  - dan

Dan Vanderkam

unread,
Mar 4, 2013, 4:19:55 PM3/4/13
to Doug Wolfgram, Doug Wolfgram, dygraph...@googlegroups.com


On Mon, Mar 4, 2013 at 4:13 PM, Doug Wolfgram <do...@gfx.com> wrote:
I'm happy to dig around in the code. Can you tell me what parameters you currently use to rotate that text? 

------------------------
Doug Wolfgram
GRAFX Group, Inc.
Point-of-Business Marketing
Mobile: 949.433.3641




Doug Wolfgram

unread,
Mar 6, 2013, 8:53:09 PM3/6/13
to dygraph...@googlegroups.com, Doug Wolfgram, Doug Wolfgram
I've spent what time I can on it. I can only conclude that it is a conflict with some other library. When I go to other pages with the exact same rotation code everything works fine. 

I'll keep fiddling but I don't know what I expect to find. 

Seema Kadian

unread,
Oct 26, 2015, 1:45:39 AM10/26/15
to dygraphs-users
Hi, Even I have this problem with y-axis label rotation. Do we have any fix for it?

Regards,
Seema

Dan Vanderkam

unread,
Oct 26, 2015, 11:31:07 AM10/26/15
to dygraphs-users
Why do you care about IE8 in 2015? dygraphs has dropped support for legacy browsers, as have many other libraries.

--
You received this message because you are subscribed to the Google Groups "dygraphs-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dygraphs-user...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages