search

Incorecttarget / protovis-js

Automatically exported from code.google.com/p/protovis-js
1 stars 0 forks source link

IE support #15

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. protovis dont support IE
2.
3.

What is the expected output? What do you see instead?

Webpage error details

Message: Expected identifier, string or number
Line: 1
Char: 30000
Code: 0
URI: http://vis.stanford.edu/protovis/protovis.js

What version of the product are you using? On what operating system?
Vista
Please provide any additional information below.

Original issue reported on code.google.com by ng.tr.h...@gmail.com on 16 Apr 2009 at 2:46

GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
I've implemented better SVGWeb integration with Protovis v3.2. You can find it 
here:

http://gitorious.org/~jlove/protovis/jloves-protovis

There are definitely some issue with using this approach currently. More 
details are 
here: 
http://gitorious.org/~jlove/protovis/jloves-protovis/blobs/raw/master/tests/inde
x.html

I'd like to think that the issues encountered will be able to be worked around.

Original comment by drjl...@gmail.com on 27 Feb 2010 at 8:39

GoogleCodeExporter commented 9 years ago 
I've spend some time running the examples in the tests folder with both
implementations (jamie's SVG and john's VML) under IE and FF, so here's what i 
did
(under Windows 7 if relevant):

a) i started an apache server (needed to run the examples on SVGweb/flash)
b) i added the master protovis, SVG protovis and VML protovis to it
c) ran each example in the 3 branches under FF (the master protovis in FF 
worked as a
"what-to-expect-in-the-others" example)
d) ran the SVG and VML examples in IE

Then i came up with some metrics to compare both:
V   All OK
M   OK but with minor glitches
X   Displays something but with errors
E   Browser crashes
N   Doesn't display anything

The results of the comparisons can be seen in the attached .xls on the "Master 
vs
Others" sheet.

What i could conclude so far is that SVGweb seems to have some problems with 
text in
odd angles. i.e.: On the ./tests/layout/cluster-radial-fill.html SVG seems to 
have
some problems displaying the text which is being rotated, however this also 
happened
to me sometimes with the master protovis.
SVGweb also had some trouble with the more "circular" charts, i.e.:
./tests/mark/wedge-donut.html where in this case the SVGweb painted a full 
slice on
one of the angles, also happens in the antiibiotics.html example.

However in examples such as ./tests/layout/arc-directed.html i could see 
different
errors in both, SVG had the problem with the text (being rotated 90º) and with 
VML it
had some trouble drawing the curve lines.

Also most examples with mouse interaction / mouseovers with VML didn't work 
well, but
maybe it can be done something about it since the ./tests/mark/event.html has 
some
mouse-interaction and it does work.

In VML there seems to be some trouble drawing lines that go from A to B while 
doing
some shape between (usually L's), instead of a straight line
(./tests/layout/cluster.html).

So far the SVGweb implementation seems a bit ahead in terms of mouse support in 
IE
and the VML implementation seems a bit ahead on performance (speed) as well as 
the
rotating text thingy.

Just thought it would be interesting to compare both as Pedro said so we know 
where
we are on "both fronts", since both are giving new stuff and support so fast, 
that
itis hard to follow both.

Original comment by jose.alv...@gmail.com on 4 Mar 2010 at 4:24

Attachments:

GoogleCodeExporter commented 9 years ago 
@ John - comment 44: Thank you for your work on protovis. I am wondering if you 
have
chance looking at the mouseout issue yet. Another issue. It appears that 
mouseover
and mouseout don't work with dots. These interactions are working with other 
marks.

Original comment by imtuanp...@gmail.com on 9 Apr 2010 at 4:51

GoogleCodeExporter commented 9 years ago 
Are you using my 'ie' fork on gitorious? That is the most recent and has the 
best event support.

http://gitorious.org/~jfirebaugh/protovis/jfirebaughs-protovis/commits/ie

Original comment by john.fir...@gmail.com on 9 Apr 2010 at 5:13

GoogleCodeExporter commented 9 years ago 
John, thank you for your quick response. I can see the re-draw and mouseout 
problems
are solved on IE with the latest version. However, mouseover and mouseout still 
don't
work with dots. And because some reason, images embedded using pv.Image don't 
display
on Firefox. I tested and they display just fine on IE and Chrome. The new bug 
may not
be related to this topic. But I just want to let you know.

Original comment by imtuanp...@gmail.com on 9 Apr 2010 at 10:10

GoogleCodeExporter commented 9 years ago 
@john: Thanks for your great advances regarding IE&protovis. Just tried 
different
examples I did with v3.1 and most of them work fine, only have problems in the 
ones
using date formatter with JSON data ("TypeError: new Date(d).format is not a
function"). Have there been chances in the Date class?

Original comment by geraldko...@gmail.com on 19 Apr 2010 at 5:11

GoogleCodeExporter commented 9 years ago 
@geraldkogler: Correct, 3.2 no longer extends built-in objects such as Date. 
Instead there's pv.Format.date.

Original comment by john.fir...@gmail.com on 19 Apr 2010 at 5:48

GoogleCodeExporter commented 9 years ago 
I've very recently updated:

http://gitorious.org/~jlove/protovis/jloves-protovis

(protovis+SVGWeb) to the latest v3.2 code - limitations still exist, but if 
you're
after static graphs or minimal interaction, it works like a charm.

Original comment by drjl...@gmail.com on 26 May 2010 at 11:18

GoogleCodeExporter commented 9 years ago 
first, i'd like to say thanks for all your hard work - this project is 
*amazing*! and thanks to jlove for (heroically) trying to get this to work on 
IE.

i've tried the latest jloves-protovis with a modified version of the spline 
editor example. i've added a little interactivity (you can click on lines to 
add points, etc.)...and i wanted to submit the code, as it doesn't work in IE, 
in case you're looking for user examples or test cases.

on IE 6 (windows xp), i get this error:

Line: 5088
Char: 3
Error: Object doesn't support this property or method
Code: 0
URL: (the url to the html file)

works like a charm on every other browser. :-)

i can't seem to connect this error with an actual line in the generated code 
(using firebug)...

am i doing something wrong?

Original comment by tomjohns...@gmail.com on 12 Jul 2010 at 7:59

Attachments:

GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
Tom,

I've not tested under IE6 - it's not one of the browsers I personally aim to 
support.
To support IE 7 and 8, you need to include the following in your html file 
(before including protovis) - 

<!--[if IE]>
    <script type="text/javascript" src="/path/to/3rdparty/svg.js" data-path="/path/to/3rdparty/"></script>
<![endif]-->

In addition, you need to either have the javascript code run after the 
'svgload' event (or use script type="text/javascript+protovis")

See: 
http://gitorious.org/~jlove/protovis/jloves-protovis/blobs/master/tests/index.ht
ml

for more information.

Finally, SVGWeb doesn't (yet) support dragging, so you cannot interact with the 
spline in IE (well, you can add new points, but nothing more).

Original comment by drjl...@gmail.com on 13 Jul 2010 at 9:13

GoogleCodeExporter commented 9 years ago 
Hi,

I try http://gitorious.org/~jlove/protovis/jloves-protovis and run the make 
command; this ran the building instructions in the Makefile to produce the 
final .js file.

Now that I have everything I try to run an example Cars from the example 
folder, but I can not make it work in IE...

Any idea what the problem could be?

Thanks a lot :D

Original comment by gina.g...@gmail.com on 20 Jul 2010 at 9:16

GoogleCodeExporter commented 9 years ago 
Most likely your problem is that you need to run all examples through a proper 
web-server - i.e. not through file:///, but through http:///. 

For further help getting it to run, please contact me directly 
(drjlove@gmail.com), or the protovis mailing list (protovis@googlegroups.com).

Original comment by drjl...@gmail.com on 20 Jul 2010 at 9:19

GoogleCodeExporter commented 9 years ago 
@jlove: all examples in your code refer protovis-r3.3.js.
but not finding it.
please suggest

Original comment by pradeep....@gmail.com on 26 Jul 2010 at 5:57

GoogleCodeExporter commented 9 years ago 
You need to build the code - type 'make' in the top-level directory of the git 
checkout, and it'll create them for you.

Original comment by drjl...@gmail.com on 26 Jul 2010 at 6:05

GoogleCodeExporter commented 9 years ago 
@gina.gary: Did it work after running the samples through webserver.
@drjlove: Can you please provide the create protovis-r3.3.js file.
It would be of gr8 help to demo our application on IE and I hope all works well.

Original comment by pradeep....@gmail.com on 27 Jul 2010 at 11:20

GoogleCodeExporter commented 9 years ago 
I have committed the 3.3 files to my repository.

Original comment by drjl...@gmail.com on 27 Jul 2010 at 9:38

GoogleCodeExporter commented 9 years ago 
@pradeep.murthys: Yes it worked perfect :D after running the samples through 
webserver.

Original comment by gina.g...@gmail.com on 29 Jul 2010 at 8:19

GoogleCodeExporter commented 9 years ago 
Hi,

@drjlove: the .size() function on Dot elements doesn't works with 
protovis-r3.3js... I'm the only one with this kind of problem (particulary on 
force layouts) ?

Original comment by branchet...@gmail.com on 6 Aug 2010 at 4:34

GoogleCodeExporter commented 9 years ago 
The size property was renamed to shapeSize, along with angle -> shapeAngle, 
radius -> shapeRadius.

3.3 has not yet been released, and the API will continue to change. So I'd 
recommend you use the latest 3.2 release rather than 3.3 for the time being.

Original comment by mbost...@gmail.com on 6 Aug 2010 at 4:53

GoogleCodeExporter commented 9 years ago 
Nice, thanks a lot mbostock!

Original comment by branchet...@gmail.com on 6 Aug 2010 at 5:04

GoogleCodeExporter commented 9 years ago 
@drjlove (comment 64): thanks for the info - my testing is going better with 
later versions of IE (7/8).

regarding dragging in my modified-spline-editor.html, you wrote:

> Finally, SVGWeb doesn't (yet) support dragging, so you cannot interact with 
the spline in IE (well, you can add new points, but nothing more).

isn't this a dragging demo in svgweb?

http://codinginparadise.org/projects/svgweb/samples/demo.html?name=photos&svg.re
nder.forceflash=false

...or is there some other issue stopping dragging support for protovis on IE 
7/8 + svgweb?

thanks for your help!

Original comment by tomjohns...@gmail.com on 15 Aug 2010 at 9:14

GoogleCodeExporter commented 9 years ago 
@tomjohnson3 - To be clear. dragging etc. (now) works in the latest 
Protovis+SVGWeb, but tends to flicker due to the redraw.

Almost everything works in SVGWeb+protovis - but with interaction and animation 
performance does suffer.

Original comment by drjl...@gmail.com on 16 Aug 2010 at 9:12

GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
Hi all i'm trying to run a parallel coordinates plot that i've modified on IE6 
(is working fine for FF and Chrome but i need it to work on IE too :( ). 
Anyway, i downloaded all the files from the repository 
"http://gitorious.org/~jlove/protovis/jloves-protovis" and i used the 
protovis-d3.2.js (that is different from the one in the web site) to run some 
examples and they work fine... but not my graph (no errors but the graph is not 
showed on the page). Therefore i tried to use protovis-d3.3.js (i tried also to 
recompile it, just in case) but i get this error (with my graph and with the 
examples too): "Object doesn't support this property or method 
(line379)(protovis-d3.3.js)". Anyone knows what could be the problem?
(i've added svg.js as first and i'm using script 
type="text/javascript+protovis")

Another thing: like gina.gary (comment 65) i tried to run the "cars" example 
but i can't see anything and i'm trying to run it from a server like drjlove 
said..

Original comment by pioves...@esteco.com on 19 Aug 2010 at 1:02

GoogleCodeExporter commented 9 years ago 
For issues relating to jloves-protovis (IE integration with Protovis), please 
contact me via the protovis mailing list protovis@googlegroups.com 
(http://groups.google.com/group/protovis).

Original comment by drjl...@gmail.com on 19 Aug 2010 at 9:21

GoogleCodeExporter commented 9 years ago 
Hi all...I'm about to present to a team the pros and cons of us using Protovis 
on a production site.  ( different team members will be presenting on different 
libraries ).  I really like Protovis and I think everyone else on the team 
really does as well, my main concern however, is support for ie7&8 ( we just 
dropped ie6 a few days ago ).

I've never done extensive work with visualization/graphing libraries ( my area 
of expertise is html & css ) and was hoping someone might clarify a few things 
I've been able to gather from skimming through this thread:

1) Protovis uses SVG ( does not make use of html5 canvas )
2) The latest releases implement SVGWeb in favor of VML
3) SVGWeb requires an additional script that can be added within an conditional 
ie comment
4) With this additional script, IE 7&8 users will have the same user experience 
( interactions/event handling/animations ), albeit a bit slower and choppier

Thank you!

Original comment by uglymu...@gmail.com on 15 Dec 2010 at 9:56

GoogleCodeExporter commented 9 years ago 
Protovis has not had an official release with support for SVGWeb. Otherwise 
your 4 points are a reasonable summary.

Original comment by drjl...@gmail.com on 16 Dec 2010 at 2:46

GoogleCodeExporter commented 9 years ago 
Thanks uglymunky for your summary.

@drjlove, do you have any information when an official release with SVGWeb 
support will be available?

Original comment by gez...@gmail.com on 23 Dec 2010 at 10:13

GoogleCodeExporter commented 9 years ago 
@gezuru. I have no knowledge of the core team's future plans, so I do not know 
if SVGWeb will be officially supported. My assumption is that it will not be.

Original comment by drjl...@gmail.com on 23 Dec 2010 at 8:19

GoogleCodeExporter commented 9 years ago 
In CCC (https://github.com/pmalves/ccc , you can see a showcase here: 
http://www.webdetails.pt/ccc/pvcTest.html) we use a slightly modified version 
of protovis 3.3 (transition branch) that includes Jamie's patches. We've been 
using it in production and it's been working great

Original comment by pedro.al...@webdetails.pt on 23 Dec 2010 at 10:50

GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
Has anyone used protovis with the IE9 RC? The stanford.edu online examples have 
unspecified "object error" and don't work.

I've tried to run some examples of my own and several fail with:

SCRIPT438: Object doesn't support property or method 'createElementNS' 
protovis-r3.2.js, line 82 character 261

I'm still on the last official release. Can anyone from the core team please 
elaborate if there is going to be an official 3.3 coming and if it will support 
IE9

Original comment by simonmit...@gmail.com on 7 Mar 2011 at 12:15

GoogleCodeExporter commented 9 years ago 
I've been using the svgweb implementation with some success, but I'm having 
problems with memory leaks when deleting and adding visualizations to a page. 

I am calling svgweb.removeChild on delete, but still seem to be leaking 
closures (to flash I assume)

More detail here: 
http://groups.google.com/group/protovis/browse_thread/thread/02a4dba10f45587b#

Any ideas on how to stop the leaks? Thanks

Original comment by marki...@gmail.com on 7 Mar 2011 at 11:37

GoogleCodeExporter commented 9 years ago 
At DataMarket, we ended up writing an unobtrusive javascript add-on that 
intercepts Protovis’ rendering layer in earlier versions of Internet Explorer 
and outputs VML instead of SVG. I guess this may be of interest to many of you.

For details, check out: 
http://blog.datamarket.com/2011/04/29/new-and-improved-charts-flash-youre-dead-t
o-us/

Original comment by hja...@hjalli.com on 7 May 2011 at 4:17

GoogleCodeExporter commented 9 years ago 
Wow, that looks interesting. Is this script already available for download 
somewhere?

Original comment by gez...@gmail.com on 7 May 2011 at 4:24

GoogleCodeExporter commented 9 years ago 
As mentioned in the post, we plan to release this as open source this summer. 
There is however already a small list of people waiting for a 
you-can-try-this-but-you're-on-your-own email with the script and minimal 
documentation. Mail to the address at the bottom of the blog post if you want 
to be on that list too.

Original comment by hja...@hjalli.com on 7 May 2011 at 4:31

GoogleCodeExporter commented 9 years ago 
The datamarket.com guys are awesome.  Their code is not published yet, but you 
can grab it out of their javascript file!  

Don't use this if you can't live on the bleeding edge.
https://gist.github.com/1034682 

Thanks Datamarket folks.

Original comment by gourneau on 19 Jun 2011 at 8:52

GoogleCodeExporter commented 9 years ago 
This is no longer material.  ProtoVis works fine in IE9.  IE<=8's market share 
is falling rapidly; with XP's last service date just recently past, Google, 
Facebook, Yahoo and YouTube dropping old IE support and the increasing 
prevalence of modern browser dependency, IE's days are numbered.

The reason the galleries don't work, as I keep pointing out, is that the HTML 
is malformed.  All they need is a strict HTML4 doctype, and they nearly all 
start working immediately.  You can easily test this by hitting f12 to load the 
debugger and setting the document mode to strict.

Original comment by stonecyp...@gmail.com on 21 Jun 2011 at 1:01

GoogleCodeExporter commented 9 years ago 
Marketshare falling rapidly? 
http://www.w3schools.com/browsers/browsers_explorer.asp ie9 is only 3.6% 
compared to ie8 which is 12.9%. Sure it is falling but this is defiantly still 
relative unless you want 1 in 10 people not to be able to visit your site.

Anyway datamarket.com released a preview of what they have: 
http://blog.datamarket.com/2011/06/22/protovis-support-internet-explorer-8/

Original comment by bkoo...@gmail.com on 3 Aug 2011 at 4:28

GoogleCodeExporter commented 9 years ago 
@jlove I have been using your extension of protovis for IE support using svgweb
https://gitorious.org/~jlove/protovis/jloves-protovis
Its working with ease on IE till the code is in script tags of the html page 
with type="text/javascript+protovis". 
But when I try to externalize the javascript file through the "src" attribute 
in script tags. It does not seem to work. I have removed all the function 
expressions like "function () a.b" and written the long form instead. But it 
still does not seem to work. What could be the problem?

Original comment by agaur...@gmail.com on 5 Aug 2011 at 11:15

GoogleCodeExporter commented 9 years ago 
@agaur.  Well, given the lack of detail you provide - I don't know.  Contact me 
at drjlove@gmail.com and give further details.

One possibility is that you are not waiting for the page load event to fire 
before creating the protovis visualisation.  Ensure you call your protovis code 
after the page load finishes - e.g. using Jquery, use $.ready(function () { // 
do protovis code here });

Original comment by drjl...@gmail.com on 6 Aug 2011 at 2:29