javascript - d3 fade icons of non connected nodes -


I have created a guided graph of my twitter timerline, and on each node the user has a profile icon with the screen name, And when the mouse rotates on a node it fades non-connected nodes

But the image of the icon of non-connected nodes is not fading, I have received text and lines to fade, but The icons remain the same.

How can I also fade the image of the node?

Here is the graph 

  var nodes = {}; Links.forEach (work (link) {link.source = nodes [link.source] || (nodes [link.source] = {name: link.source}); link.target = nodes [link.target] || (Nodes [link.target] = {name: link.target}); link.source.icon = link.icon;}); Width = 1400, height = 1200; Fill = d3.scale.category20 (); Var strength = d3.layout.force (). Nodes (d3.values ​​(nodes)). Link (link). Size ([width, height]) .Link resistance (120) Charge (-300) .on ("tick", tick). Start (); Var svg = d3.select ("# home-page"). Attached ("svg: svg") .attr ("width", width) .attr ("height", height) .attr ("pointer-events", "all") .append ('svg: g') .Col ("Zoom", redraw) at d3.behavior.zoom () .append ('svg: g'); // per-type markers, because they do not receive styles. ("Marker") .data (["suit", "licensing", "resolved"]) .endra () .andend ("marker") .attr ("id", " Id "(" refix ", 15) .attr (" refY ", -1.5) .attr (" markerwidth ", 6) .attr (" markerHeight ", 6) .attr (" orient "," auto "). Append ("Path") .attr ("d", "m0, -5L10,0L0,5"); path path = svg.append ("g"). All ("path") .data (force.links () ) .enter () .addend ("path") .attr ("class", function (d) {return "link" + d.type;}). Etr ("marker-end", function (d) {return "Url (#" + d.type + ");}); var image = svg.append (" g "). All (" image "). Data (force.nodes ()) .enter () .addend ("Image") .attr ("xlink: href", function (d) {return d.con;}) .rrt ("x", -8) .attr ("y", -8) .attr ("width", 20) .attr ("height", 20). Style ("stroke", function (D) {return D. 3. RGB (fill (DGP process) ("Mouseout", feed (1)); Var text = svg.append ("g"); ). ("Text") .attr ("x", 8) .attr ("Y", ".31em"). ("Text") .data (force.nodes ()) .enter (). Text (function (d) {return dna;}); Function radra () {console.log ("here", d3.event.translate, d3.event.scale); Svg.attr ("conversion", "translation (" + d3.event.translate + ")" + "scale (" + d3.event.scale + ")"); } Var linkedByIndex = {}; Links.forEach (function (d) {linked bindex [d.source.inx + "," + d.target.index] = 1;}); Function isConnected (a, b) {return linkIndex [a.index + "," + b.index] || || LinkedIn Index [b. Induct + "," + AEndex] || A.index == b.index; } Function feed (opacity) {return function (d) {image.style ("stroke-opacity", function (o) {thisOpacity = isconnected (d, o)? 1: opacity; this.setAttribute ('fill-opacity' , ThisOpacity;; back to this feature;}); Text.style ("stroke-opacity", function (o) {thisOpacity = isconnected (d, o)? 1: ambiguity; this.setAttribute ('fill-opacity', this opacity); Return this feature;}); Path.style ("stroke-opacity", function (o) {returns o.source === D || OABIJET === D? 1: ambiguity;}); }; } // Use the ambient arc path segment for double-encoding directionality function tick () {path.attr ("d", linkArc); Text.attr ("conversion", conversion); Image.attr ("result", resulting in); } Function link acre (d) {var dx = d.target.x - d.source.x, dy = d.target.y - d.source.y, dr = Math.sqrt (dx * dx + dy * dy) ; Return "M" + d.source.x + "," + d.source.y + "A" + + + "," + Dr. + "0 0,1" + d.target.x + "," + D.target.y; } Transform result (d) {return "translation (" + d.x + "," + d.y + ")"; } << Code>   
 
 
 instead of its  fade  function 
 
  image.style ("stroke-opacity", function (o) {thisOpacity = isconnected (d, o) 1: opacity; this.setAttribute ('fill-opacity', thisOpacity); ;}); With  
 
 
  image.style ("opacity", function (o) {thisOpacity = isconnected (d, o)? 1: Opacity; SetAttribute ('Opacity', this opacity); back to this feature;});  
 
 for your image 
 
 refurbished

Comments

Post a Comment

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

c - Error on building source code in VC 6 -

When I create my project in VC6, the BScMKE reports the following error Linking .. Creating Library ... .. / ... / PB / Bean / Debub / ICEERP.Lib and Object ........ P.B. / Bean / DBube / ICREPlay.APP Browse information file ... BSMMK: ​​error can not be read from BK 1505: file '../../PB/bin/TmpOut/ICReplay/Debug/ICReplay_PB.bsc' Error executing bscmake.exe Can someone help me? 2 Reason for reference from: "ICReplay_PB .bsc "file will be corrupted The trunk of the file will be happening with the compiler running out of disk space or is being interrupted when creating .sbr file I think this answer will help you!
Read more