You can find a fork of the official Protovis source code with these changes at gitorious (http://gitorious.org/~jlove/protovis/jloves-protovis).
svg.js
file. You
probably don't want to use SVGWeb for non-IE browsers (at least yet).
You can do this, by, at the top of your HTML file:
<!--[if IE]> <script type="text/javascript" src="../../3rdparty/svg.js" data-path="../../3rdparty/"></script> <![endif]--> <script type="text/javascript" src="../../protovis-d3.2.js"></script>Make sure to you include 'svg.js' first - it MUST be the first javascript file you include. The 'data-path' attribute must reference the directory
svg.swf
is in.
text+protovis
,
don't use function expressions like function () a.b
,
instead you have to write long form: function () { return a.b; }
.
This is an IE limitation.
title
property does not work via SVGWeb.
Use a label instead if possible.
vis.render()
on a visualisation previously rendered may or may not work.
I'm sure this is fairly simple to fix.upate: This works
fine on the polar clock example.
var vis = new pv.Panel()
and rendering to the same div as a previous render may not work.
This is to do with the underlying flash object not cleaning up correctly.
Therefore, be very careful on how you trigger color/graphical changes on mouseover. Ensure you don't re-render if on mouseover you get the same index. Also, try and avoid having a mouseout event on the same mark as the mouseover - instead try and add mouseout to your base panel, and mouseover to your mark (bar chart whatever).
font-face
definition
(see this
SVGWeb issue).
The following links are links that have been altered to work with this version of protovis. They have been configured to run SVGWeb in flash on all browsers, so you see what happens using the flash renderer even in FireFox and Chrome.
./interaction/bar1.html
./interaction/reverseScale.html
./mark/bar-column-grouped.html
./mark/label-decoration.html
./mark/cursor.html
./mark/area-segmented.html
./mark/line.html
./mark/bar.html
./mark/wedge-pie.html
./mark/def-type.html
./mark/render-partial.html
./mark/bar-column-stacked.html
./mark/line-fill.html
./mark/area-stacked.html
./mark/event.html
./mark/line-step.html
./mark/area.html
./mark/bar-stacked.html
./mark/bar-column.html
./mark/panel-transform.html
./mark/panel-canvas.html
./mark/panel-fill.html
./mark/line-polar.html
./mark/dot-stroke.html
./mark/bar-grouped.html
./mark/property-cast.html
./mark/anchor.html
./mark/area-anchor-chain.html
./mark/title.html
./mark/wedge-donut.html
./mark/line-segmented.html
./mark/dot.html
./examples/antibiotics.html
./examples/wheat.html
./examples/polarclock.html
./data/scale-date.html
./layout/cluster-radial2.html
./layout/cluster-radial-group-fill.html
./layout/partition-fill3.html
./layout/cluster2.html
./layout/cluster-fill.html
./layout/indent2.html
./layout/arc2.html
./layout/arc-radial.html
./layout/arc.html
./layout/cluster-fill-group.html
./layout/indent.html
./layout/partition-fill2.html
./layout/partition-fill.html
./layout/partition-radial-fill.html
./layout/force3.html
./layout/force.html
./layout/partition-radial.html
./layout/partition-radial2.html
./layout/tree.html
./layout/force2.html
./layout/tree-radial.html
./layout/partition.html
./layout/partition-radial-fill2.html
./layout/partition-radial-fill3.html
./layout/pack.html
./layout/pack2.html
./layout/partition2.html
./layout/cluster-radial-fill.html
./layout/cluster.html
./layout/tree-radial2.html
./layout/arc-directed.html
./layout/tree2.html
./layout/cluster-radial.html
./physics/dorling.html
./physics/simulation.html
./text/format-number.html
./text/format-csv.html
./lang/init.html