private void SelectEntity(EntityReference entity) { string key = GetID(entity.Id.ToString()); D3.Select("#" + key).SelectAll(".entityImage").Attr("filter", "url(#selected-glow)"); D3.Select("#" + key).SelectAll(".entityImage").Transition().Attr("transform", "scale(0.6)").Transition().Attr("transform", "scale(2)"); }
public NetworkView2() { force = D3.Layout.Force() .Size(new int[] { width, height }) .On("tick", Tick); // var force = d3.layout.force() //.size([width, height]) //.on("tick", tick); svg = D3.Select("body").Append("svg") .Attr("width", width) .Attr("height", height); //var svg = d3.select("body").append("svg") // .attr("width", width) // .attr("height", height); link = svg.SelectAll(".link"); node = svg.SelectAll(".node"); //var link = svg.selectAll(".link"), // node = svg.selectAll(".node"); //root = new ForceNode("Test", 100); //Update(); D3.Json("../js/json_data.js", delegate(object state, object json) { root = (EntityNode)json; Update(); }); }
private void UnSelectEntity(EntityReference entity) { string key = GetID(entity.Id.ToString()); EntityNode node = vm.idIndex[key]; D3.Select("#" + key).SelectAll(".entityImage").Attr("filter", "url(#no-glow)"); D3.Select("#" + key).SelectAll(".entityImage").Transition().Attr("transform", "scale(1)"); }
public NetworkView(NetworkViewModel viewModel) { height = jQuery.Window.GetHeight(); width = jQuery.Window.GetWidth(); vm = viewModel; force = D3.Layout.Force() .Size(new int[] { width, height }) .LinkDistance(150) .Friction(0.7) .Charge(-700) .On("tick", Tick); zoom = D3.Behavior .Zoom() .ScaleExtent(new Number[] { minZoom, maxZoom }) .Center2(new Number[] { width / 2, height / 2 }) .On("zoom", zoomed); svg = D3.Select("#networksvg") .Attr("width", width) .Attr("height", height) .Call(zoom) .Append("g"); dragBehavior = force.OnDrag() .On("dragstart", dragstart); // Add InfoBox SVGexactTip = D3.Select("#infoBox").Style("opacity", 0); nodeData = (Stack <EntityNode>)(object) force.Nodes(); linkData = (Stack <EntityLink>)(object) force.Links(); link = svg.SelectAll(".link"); node = svg.SelectAll(".node"); Update(); ViewBase.RegisterViewModel(vm); // Create event listeners for MVVM vm.OnNewNodes += OnNodesChange; vm.OnSelectedNodesAdded += vm_OnSelectedNodesAdded; vm.OnSelectedNodesCleared += vm_OnSelectedNodesCleared; vm.OnSelectedLinksAdded += vm_OnSelectedLinksAdded; vm.OnInfoBoxClose += vm_OnInfoBoxClose; vm.OnZoom += vm_OnZoom; jQuery.Window.Resize(OnResize); jQuery.OnDocumentReady(delegate() { Window.SetTimeout(delegate() { vm.ProcessQueue(); }, 10); }); }
private void OnResize(jQueryEvent e) { int sheight = jQuery.Window.GetHeight(); int swidth = jQuery.Window.GetWidth(); D3.Select("#networksvg") .Attr <int>("width", swidth) .Attr <int>("height", sheight);; }
private static void UnHighlightLink(string key) { D3Element link = D3.Select("#" + key); if (link != null) { link.Attr <string>("filter", null); link.Attr("class", "link"); } }
private static void HighlightLink(string key) { D3Element link = D3.Select("#" + key); if (link != null) { link.Attr("filter", "url(#selected-glow)"); link.Attr("class", "link link-selected");; } }