javascript - Weird behaviour of Fisheye Distortion plugin -

-

Hi, I want to use d3.js for my self-directed graph, but When I want to apply this plugin, the graph's behavior is weird. I am new to d3.js and not good in computer graphics. 

  var fisheye = d3.fisheye.circular () .radius (200). Disinfection (2); // graph - variable, which is the whole graph graph. Represents the SVG.On ("mousemov", function () {FISHIES FOCUS (D. 3.Mouse (this)); D3 selection ("SVG"). Successful ("circle") .each (function ( D) {d.fisheye = fisheye (d);}) .attr ("cx", function (d) {return d.fisheye.x;}) .attr ("cy", function (d) {return d. RTS ("R", function (D) {Return D. Fishes * 4.5;}); D3. Sealat ("SVG"). All ("line") .attr (" X1 ", function (d) {return d.source.fisheye.x;}) .attr (" y1 ", function (d) {return d.source.fisheye.y;}) .attr (" x2 ", function (D) {returns d.target.fisheye.x;}) .attr ("y2", function (d) {Return d.targ I.fisheye.y;})}}

Strange behavior I mean that the nodes of the graph disappear after the mouseover action.

Enter image details here

The problem is that you were using code to add cx and cy to the circles, but your circles are actually Node elements were attached inside , which is transform

Changing the shisha code solves the problem: 

  graph.svg.on ("mousemove", function () {fisheye focus (d3.mouse (this)); Change selection to .node d3 .select ("svg"). All (".node") .each (function (d) {d.fisheye = fisheye ({x: Graph.x (dx), y: graph .y (dy)}; console.log (d.fisheye, d);}) .attr ("transform", function (d) {return "translation (" + D.fisheye.x + "," + d .fisheye.y + ")";}) // Now replace 'R'Dials inside circles // Here one can also scale the text of the text inside the node elements. Selection ("circle") .attr ("r", function (d) {return 15 * graph.nodeSizeFactor * d.fisheye.z;}); D3.select ("svg"). All ("line") .attr ("x1", function (d) {return d.source.fisheye.x;}) .attr ("y1", function (d) { Return d.source.fisheye.y;}) .attr ("x2", function (d) {returns d.target.fisheye.x;}) .attr ("y2", function (d) {return d.target .fisheye.y;}); });

Note that I have also implemented graph.x and graph.y for conversion > Attribute and 15 * graph.nodeSizeFactor for the radius of circles (instead of 4.5 ).

Work demo:


Comments

Post a Comment

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

-
Long time ... I do not think it's possible, but I'm shocked before! I tag anchor tags, all of which are background images, all 300px wide but their height is all the difference, is it really set to do without typing altitude? Is it to set the dimensions of BG URL? Thank you! I do not think people understand - my mistake is to hurry the question. Here is the code as an example: # ago -1 {width: 300px; Height: 410px; Background: url ('/ image-1.jpg');} # East -2 {width: 300px; Height: 420px; Background: url ('/ image-2.jpg');} # Pre-3 {width: 300px; Height: 430px; Background: url ('/ image-3.jpg');} # Pre-4 {width: 300px; Height: 440px; Background: url ('/ image-3.jpg');} & lt; A href = "#" id = "ex-1" & gt; & Lt; / A & gt; & Lt; A href = "#" id = "ex-2" & gt; & Lt; / A & gt; & Lt; A href = "#" id = "pre-3" & gt; & Lt; / A & gt...
Read more

php - Mysql Show Process - Sleep Commands and what to do -

-
I am thinking that there is something that I can do better so that my process list should start with the command with MySQL Be clear Currently I am looking for a lot: 17325 user_a localhost db_1 sleep 1132 NULL 17464 user_a localhost db_1 sleep 1124 NULL 17983 user_a localhost db_1 sleep 1078 null 18113 user_a localhost db_1 sleep 1068 NULL 18207 user_a localhost db_1 sleep 1060 NULL 18231 user_a localhost db_1 sleep 1058 NULL 18353 user_a localhost db_1 sleep 1047 NULL 18447 user_a localhost db_1 sleep 1040 null 18489 user_a localhost db_1 sleep 1036 NULL 23408 user_a localhost db_1 sleep 637 NULL Something in my phpscript is that I want to clean it Can i The script looks like: Select the ID from $ q = 'db_1 where fkId = 2'; $ Ar = mysql_query ($ q); ($ Line = mysql_fetch_array ($ qr)) {echo ($ row ['id'];} Thanks in advance! I'm guessing that when you have 10 threads, you're constantly using the connectio...
Read more

c - What is the address of buf (the local variable in the main function)? -

-
I had exercise with programming in c or classes and I followed the question: Is Buf (local variable in main function)? Either enter the answer in hexadecimal format (like 0x 8 "digits" 0-9 or A-F, 0xbfff0014) or in decimal format. Note here that we want the address of the buff, not its content. The code looks like this: int main (int argc, char * argv []) {while (1) {four buff [1024] = {0}; Int r; .... I then started the code and put the built code in the buff [1024] line and in Typed Gdb p & amp; Buf and it gives me results: 0xbffff0f0 But when I use it in this quiz it gives me the result that this value is wrong. My question is this: Is this the name of the Buff variable (P & E)? Or if not, why not? Exercise is done on the virtualbox machine, so I think everyone should be the same address There is no correct numerical answer, the address may vary from one time to another, it is a programming drill that you say the following three...
Read more