protovis

问题 I thought Protovis might work on IE 7 and 8, or at least on IE 9... but to my surprise, I tried it on all 3 and it doesn't work on any (for those example pages... is it a temporary JS bug?)... is it supposed to work on IE at all, like Raphael does? (even on IE 6, amazing...) I can't find any list of supported browsers on the Protovis website. 回答1: Protovis requires SVG and IE 6 - 8 do not support SVG. IE 9 does support SVG, so Protovis should work fine on IE 9. In order to work on IE 6-8 it

问题 TLDR: Does anyone have experience of both protovis & D3.js to illuminate the differences between the two? I've been playing with protovis for the last 2 weeks and it's been great so far. Except now I seem to have hit a bit of a brick wall with animation. protovis: http://vis.stanford.edu/protovis/ I want to do some quite simple animation but with protovis it feels less than intuitive - I'm starting to think that protovis was never really meant for animation. So, I started looking at D3.js:

问题 I have a div in which I create a chart using protovis. The div has width: 100% and height: 100% and the code to create the chart uses $('#chart').width() and $('#chart').height() to get the size of the div at render time and fill the page with the chart. I capture the resize event on the window and adjust the div and the chart so that it resizes when the window resizes. Now I need to print. I would have hoped that when the browser is rendering the page for the printer it issues a resize but

问题 I have tried a lot to update protovis using jquery but nothing happens. here is my code. <script type="text/javascript+protovis"> var minnesota = [{name:"job 1", values:[182904,196530,203944,192492,77393,81243]}] $(document).ready(function(){ draw(); $("button").click(function(){ minnesota = [{name:"changed job", values:[342,34234,2342,543]}] draw(); }); }); function draw(){ var w = 200, h = 30, numberFormat = pv.Format.number(), dateFormat = pv.Format.date("%B %Y"); /* Color by maximum

问题 This question already has answers here : Closed 8 years ago . Possible Duplicate: Lambda function syntax in JavaScript without curly braces Dealing with Protovis - they implement some strange delegate functions which are given without curly braces - can someone shade a light on it for me, please? Example: vis.add(pv.Label) .data(cols) .left(function() this.index * w + w / 2) .top(0) .textAngle(-Math.PI / 2) .textBaseline("middle"); 回答1: In general , as explained in the question @missingno

问题 I'm a bit stumped with this one. I'm rendering SVG visualizations using Protovis, a JS library, and it works perfectly well in Chrome as well as Firefox. I save the rendered SVG on my server and try to re-render it in a "gallery" view using a PHP function, and this fails in Firefox. All I see is the text in the SVG, but not the SVG. I save the full svg content, like so: <svg height="220" width="880" stroke-width="1.5" stroke="none" fill="none" font-family="sans-serif" font-size="10px"><g

问题 Here is my Code on JsFiddle I am using d3.svg.area() to draw an area and drawing the points as svg:circle on it. whch works okay If I change .interpolate('basis') to .interpolate('cardinal') or linear But how to put the points properly with basis interpolation ? e.g. I want to put the near match points 回答1: You can use the interpolation method "monotone" that will respect your y maximum and therefore your circles will not be displaced. -Canimus 来源： https://stackoverflow.com/questions/8083267

问题 Is D3.js able to supprt tipsy tooltip? Can someone show me an example if possible. thanks. 回答1: There is a forked version of tipsy created by Justin Donaldson that just got out. Look for it here. I haven't tested it but it might be what you need. 回答2: Here is a working example: D3 tooltip using jQuery tipsy 来源： https://stackoverflow.com/questions/7136115/d3-js-tipsy-tooltips

问题 Is it possible to use D3 and Raphael together so that visualizations are produced by D3 (using D3's API to produce svg output) and correctly visualized in IE by Raphael ? I appreciate any example/sample code. 回答1: Yes you can. We've improved r2d3 from a compatibility project to an IE fallback for D3. This was achieved by having D3 wrap Raphael elements which we extended with methods such as setAttribute. This enables D3 to work with Raphael elements like they were DOM nodes. The project still