Wie in Liniendiagramm

Question

Ich habe Probleme beim Zugriff auf den letzten Wert (Zeile) meine CSV angezeigt wird es auf schweben in meinem Liniendiagramm letzten Wert anzuzeigen. Ich brauche den Wert, der als Text angezeigt wird, aber auch als Y-Koordinate verwendet werden kann, um mit dem Ende der Linie auszurichten. Das ist was ich habe. Der erste Teil funktioniert, aber nicht die zweite (zwischen ///):

function mouseover(d) { 
d3.select(d.corporation.line).classed("corporation--hover", true); 
d.corporation.line.parentNode.appendChild(d.corporation.line); 
focus.attr("transform", "translate(" + x(d.date) + "," + y(d.value) + ")"); 
focus.select(".corpname").text(d.corporation.name); 
focus.select(".ranking").text(d.value); 
///// 
focus.append("text") 
.datum(function(d) { return {name: d.corporation.name, value: d.corporation.value[d.corporation.values.length - 1]}; }) 
.attr("transform", function(d) { return "translate(" + x(d.value.date) + "," + y(d.value.values) + ")"; }) 
.text(function(d) { return d.value; }); 
///// 
} 

ich einige verschiedene Varianten ohne Erfolg versucht. Würde mich freuen, wenn jemand einen Höhepunkt erreichen könnte.

PLUNK ist hier: http://plnkr.co/edit/1Nf992jYjSGyKhLhaij5?p=preview

Dank!

Answer 1

Hier ist, wie Sie auf die Daten zugreifen zu Ihrem Leitungselement gebunden: this.__data__

Lassen Sie uns zunächst eine Variable erstellen Ihre Daten zugreifen, insbesondere die Anordnung von Werten:

var that = this.__data__.corporation.values; 

Dann können wir erhalten Sie das Datum und den Wert des Ende der Leitung:

var thatLength = that.length; 
var thatValue = that[thatLength - 1].value; 
var thatDate = that[thatLength - 1].date; 

und zeigen Sie den Text:

Hier

someLegend 
.attr("x", (x(yearFormat(thatDate))*-1)-90) 
.attr("y", y(thatValue)) 
.text(thatValue); 

ist die Plunker: http://plnkr.co/edit/4HquzuJ6FJeZvEVWuUS5?p=preview

PS: Ich habe diese Variable someLegend, weil ich nicht Zeit, um die translate Logik Ihrer focus zu verstehen hatte.