svg - Using Javascript D3 library, how can I determine mouse position in data set of an area element on mousemove event? -


I am trying to set up a tooltip for the area path that I have created in all the arguments in the Mausomov event handler Passed, and I'm just getting a full data set of 0, 0. As far as I can see, there is nothing to indicate to my index the data. The "this" reference is also the SVG path element, but nothing is useful, even d3.select (saw), and I did not get the index anywhere. Is there a way to decide which data is my mouse?

Look around I got the reference of D.Mouse (this), and it gives me X / Y coordinates, but how do I map it back to the data point in the data set?

My goal set is to have a tooltip to display some meta-data related to that particular data point.

Here are some code snippets as requested: 

  var field = d3.svg.area (). Interpolate ("Monoton"). X (function (D) {return (scale (d.date));}) .00 (height-padding.bottom). Y1 (function (d) {return (scale (y.cc)}}; ("clip-path", "url (#clip)") .attr ('fill', '' '' Url #) .attr ('title', 'path') .on ('mousemove', function); console.log (arguments); console.log (d3.select (this)); Console Log (d3.mouse (this));});    
 
 
 Your problem mice events Not much is related to the listener, but in addition to the way you tie data in your way; you do not include a proper data.  
 Read more about the data:  < P> Divs instead of the following example paths Examples of work are:  
  var data = ['a', 'b', 'c']; d3.select ("body "Select" ("div") .Data (data) .enter () .Append ("div") .text (string) .on ("mouseover", function (d, i) {console.log ("mouseover ! "); // D: Left Element DOM Element Console.log (" D: ", D); //: Selecting the Console Console.Lug (" I: ", I); // This Reference: Current DOM element console.log (d3.select (this) .text ());}); One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ???? One ????   
 See the API documentation section about event listeners:  
 
 Selection. On (type [, listener [Capture]])  
 Adds or removes each element in an existing list to an event listener for the specified selection. Type is the name of a string event type, such as "click", "mouseover", or "submit". The specified listener is implemented in the same manner as other operator functions, the current Dietum D and Index I are being passed as the current dom element with this reference. To reach the current event, the Global D3 Use the event.   
 
  Edit   
 I know I misinterpret your question. You have a way and want to get information about path coordinates instead of the mouse.  
 There is no straightforward you can see how Mike did in the following example:

Comments

Post a Comment

Popular posts from this blog

Python SQLAlchemy：AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

I tried to create a new database in my project, but when I run the script, I get this error, I have another project, this type of definition worked before, but now it gets a single error. I am using Python 2.7.8 and the version of SQLAlchemy module is 0.9.8. By the way, using a project flask- SQLAlchemy, it works well, I'm confused. Traceback information is as follows: Traceback (most recent call final): File "D: / Projects / IOM / db_create.py", line 4, & lt; Module & gt; From the models the base file "D: \ Projects \ OO-IM \ models.py", in line 15, in the & lt; Module & gt; Column ( 'followed_id', int (), ForeignKey ( 'user.id')) file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ schema.py", line 369, __new__ schema = metadata. Schema file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ elements.py", line 662, AttributeError in __getattr__ key): Neither 'column' object nor ...
Read more

java - How not to audit a join table and related entities using Hibernate Envers? -

I use Eners to be hibernate to audit my institutions. I have an audit entity, Foo , which includes a list & lt; Bars & gt; However, I do not want to audit the bar institutions, in the form of properties, I have written that: @inti @edicated public class Foo {@JoinTable (name = "T_FOO_BAR", joinColumns = @JoinColumn (name = "FOO_ID"), inverseJoinColumns = @JoinColumn (Name = "BAR_ID")) @ManyToMany (Cascade = Persist) @ Indited (targetAuditMode = RelationTargetAuditMode.NOT_AUDITED ) Public listing & lt; Bars & gt; GetBars () {Return bars; }} Now, I want to retrieve an amendment of foo : AuditReader reader = AuditReaderFactory.get (GetEntityManager ()); FU modification = (FU) reader.CreativeTeA () .entensEtrevision (Foo Class, 42) .getSingleResult (); Unfortunately, when I want to retrieve all the data (i.e. when it loads lazy times ), error me ORA-00942: table or view is not present , because Tried to query this: Sel...
Read more

mongodb - CakePHP paginator ignoring order, but only for certain values -

While pagging my user model in kppp, I can sort with some values, but not others. For example, I can order results from created or email , for example, but username or reputation seems to come back order by arbitrary command for example with a list of users: $ this-> paginate = array ('condition' => array ( 'User.is_active' = & gt; true), 'border' => 24, 'order' => array ('User.created' => DESC)); Works as expected, but $ this - & gt; Paged = array ('conditions' = & gt; array (' user.isIactive '= & gt; true),' border '= & gt; 24,' command '= & gt; array (' user repeats' = ' & Gt; DESC ')); No, no. I first thought that this could be a database issue, but when I search the database directly, sorted as expected. Note: I am using Mangodebi with the Mongo DB plugin of Ichikawa for the KPPHP; Pagnetizing users are used to work properl...
Read more