arrays - Trigger D3 redraw after ng-repeat finishes -


I have an interesting question about applying for the use of EnglishJS and D3 Basically, I have ng-repeat Which repeats on the basis of the content of an array. This array contains objects which have a RECR URL, which they reach periodically and drag data. Once they get this data, a graph is prepared using D3 (a graph for each object in the array).

The problem I am having is to add an object to this object through user input, and the drawing of the job correctly appears that the D3 code jumps to the gun and selects the SVG elements Which have not been sung so far, because Kangaroo is still ending to add stuff to the DOM through NG-repeat.

I have tried to use the $$ timeout and also created a custom directive.

It works well, but only for the first time the event starts to run ng-repeat, when I array to any other object. Any comments on the best way to handle this situation? If I add the previous object every time and then iterate through the array and open the drawing function, then it seems that it will work. Based on the last days, I can fire the incident.

Cheers!

Edit: Currently the D3 code is similar to that which is just a simple donut chart update, with a warning that the redraw has been started by a REST call. There may be more complex graphs in the future, and this is because I was hoping to use D3. Edit 2: I have transmitted all of my D3 code into custom instructions, and after several hours, it seems that working around should not work, apart from the scope, the custom element ng - There is only one scope in the form of repetition and can use the relevant DOM elements along with the object and its properties (I am currently creating an ID which is unique to each object).

The problem now comes when using D3. Selection ... When I try and choose the DIV where I want to keep the drawing, it will not allow me to choose by ID, because it is empty .. The very strange thing about it is that if I ("div"), he can search for that divisor, which I see, but I will not let him choose one.

JsFiddle is showing what I mean ... check the console and test the first test div "obj1", but the second selection returns the null.

If I can do this work and then pull my SVG canvas and within that division, I think it will work!

Contextual Selection: 

  var test = d3.selectAll ("div"); Console.log (test); Var chart = D 3.select ("# obj" + obj.id); Console.log (chart);   
 HTML should create divs:  
  & lt; Div ng-repeat = "object in myData" & gt; & Lt; Div id = "obj {{object.id}}" & gt; Hi & lt; Bar-Chart & gt; & Lt; / Bars-chart & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
   
 
 
 No need to use ID for selection Not all You can only select  element [0]   link  function of the Connectional Directive:  
  var chart = d3.select (element [ 0]) .andend ('svg')   
 For example:  
  Angular. Module ('myApp', []). Instructions ('Bar Chatch', Function () {return} Restricted: 'E', Link: Function (Region, Element, ethers) {var chart = D3 selection (element [0]). Attached ('SVG') . ({Height: 20, width: 20}); chart.append ('rect'). Attr ({height: 10, width: 10});}};}); Function Ctrl ($ scope, $ timeout) {$ scope.myData = [{"id": "1"}, {"id": "2"}]; // Just to show that it responds to the change in data and will provide more SVG $ timeout (function () ($ scope.myData.push ({"id": "3"}), 3000) ;}   
 See JSFiddle here:

Comments

Post a Comment

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

I get the error every time, I try to compile. I'm not sure why anyone can help is? I'm new to verilog. Module D_FF (clerk, d, reset_n, q); Input D, Clack, reset_en; Output Q; reg Q; lab4_gdl f1 (.lk (~ clk), d (d), .q.m (qm)); lab4_GDL f2 (.Clk (Clk), D (QM), .Q (Q)); Always start at @ (posedge clk, neggeous reset_n) (Reset_n == 0) Q & lt; = 0; Other questions & lt; = D; Edit End: The problem is what we are asking to do: In this section, you apply the memory / registration circuit on the AlterEdie 2 board. will do. The circuit has the following specifications: The present value of swift SW15-0 on the D2 board should be shown in four hexadecimal four sections of HEX3-0. This part of the circuit will be combination logic. To use an active-less asynchronous reset and KEY1 to use KEY0 as the clock input, you must store SW15-0in in a 16-bit register in the value The register should be enabled to have a 16-bit positive edge, which uses the embedded D flip-flo
Read more

jasper reports - How to center align barcode using jasperreports and barcode4j -

I use iReport 5.5.0 . How to align a barcode component to the center The relevant piece of my jrxml is below & Lt; JR: Code 128 xmlns: JR = "http://jasperreports.sourceforge.net/jasperreports/components" xsi: schemaLocation = "http://jasperreports.sourceforge.net/jasperreports/components http: //jasperreports.sourceforge Purge / xsd / components.xsd "textPosition =" bottom "& gt; & Lt; Jr: codeExpression & gt; & Lt; [CDATA [$ F {number}]] & gt; & Lt; / Jr: codeExpression & gt; & Lt; / Jr: Code 128 & gt; & Lt; / componentElement & gt; "Text" itemprop = "text"> Create a style after this, it is called "barcode", like: & lt; Style name = "barcode" fontName = "Helvetica" fONTSIZE = "10" hAlign = "center" valign = "center" /> and set the property of your barcode element to "barcode".
Read more

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon
Read more