javascript - Problems when using the insert() function in d3 java library when trying to insert SVG elements before another -


i have problems using insert() function of d3 visualization library. better not understand how use "before selector". red examples here , here, dod not help.

i create svg element , append element it. append foreignobject-element group , afterward insert rectangle before foreignobject-element.

here code

var body = d3.select("body");  var svg = body.append("svg")     .attr("width", '100%')     .attr("height", '100%');  var group = svg.append("svg:g");  var html = group.append("foreignobject")     .attr("x", 50)     .attr("y", 25)     .attr("width", 200)     .attr("height", 100)     .append("xhtml:div")     .style("font", "14px 'helvetica neue'")     .html("lorem ipsum dolor sit amet, consectetur adipiscing elit. donec eu enim quam.");  var rect1 = group.insert("svg:rect", html)     .attr("rx", 6)     .attr("ry", 6)     .attr("x", 5/2)     .attr("y", 5/2)     .attr("id", "rect")     .attr("width", 250)     .attr("height", 120)     .style("fill", 'white')     .style("stroke", d3.scale.category20c())     .style('stroke-width', 5);

here (non)working jsfidle example

edit: try passing id before select, shown here: http://jsfiddle.net/gctud/3/ 

var rect1 = group.insert("svg:rect", "#foreign_object")

you cannot select element tag name, constants (such id), specified in docs:

the name , before selector must specified constants, though in future might allow inserting of existing elements or function generate name or selector dynamically.


Comments

Post a Comment

Popular posts from this blog

Eclipse formatter for java ending braces -

i know if it's possible setup eclipse format braces using banner style. we're working code uses banner style formatting , keep consistent within team version control reasons. here's example of banner style formatting not familiar: public class foo { //------------------------ public static void main (string[] args) { boolean condition = true; try { if (condition) { system.out.println ("condition true"); } else system.out.println ("not condition"); } catch (exception ex) { // handle errors } } //------------------------ } update: name style ratliff. experiment java->code style->formatter preferences. "banner style" seems poor use of space given outline view , quick outline functionality.
Read more

ruby - Nesting modules inside of a Rails eninge gem -

what proper syntax nest child modules within parent module being isolate_namespace rails engine gem? # lib/myengine/engine.rb module myengine class engine < rails::engine isolate_namespace myengine # def ... end end for example. parent module myengine , child module blog. myengine share common domain, crud, taggable, searchable, etc, keep gem code dry , isolated main app (myapp), while inheriting isolated namespace , engine. are either of 2 approaches correct? refactor advice? # # lib/myengine/blog.rb module myengine module blog # def ... end end # b # lib/myengine/blog.rb module myengine class engine < rails::engine isolate_namespace myengine module blog # def ... end end end option a. correct, should lib/my_engine/blog.rb . can read more ruby & rails naming conventions here . further, if want put more modules or classes under blog namespace put them in folder lib/my_engine/blog , nest them under myengine::bl...
Read more

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

the documentation of error mentioned in title says if commands out of sync; can't run command now in client code, calling client functions in wrong order. this can happen, example, if using mysql_use_result() , try execute new query before have called mysql_free_result(). can happen if try execute 2 queries return data without calling mysql_use_result() or mysql_store_result() in between. from here: http://dev.mysql.com/doc/refman/5.0/en/commands-out-of-sync.html but in first query not fetching data mysql database, inserting. , in second query getting data database. here code $connection = mysqli_connect("localhost","username","password","tbl_msgs"); if(mysqli_connect_errno($connection)) { die("failed connect mysql: " . mysqli_connect_error()); } $query = "insert users (total_comments, total_views) values ({$total_comments}, {$total_views});"; $query .= "insert msgs (no...
Read more