Как отобразить последнее значение в линейной диаграмме

Question

У меня возникли проблемы с доступом к последнему значению (строке) моего CSV, чтобы отобразить его при наведении в моей линейной диаграмме. Мне нужно значение, которое будет отображаться в виде текста, но также должно использоваться как координата Y для выравнивания с концом строки. Это то, что у меня есть. Первая часть работы, но не второй (между ///):

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; }); 
///// 
} 

Я пытался несколько различных вариантов, но безуспешно. Хотел бы, чтобы кто-то мог достичь пика.

шлепнуть здесь: http://plnkr.co/edit/1Nf992jYjSGyKhLhaij5?p=preview

Спасибо!

Answer 1

Вот как получить доступ к данным, связанные с вашей линии элемента: this.__data__

Во-первых, давайте создадим переменную для доступа к данным, а именно массив значений:

var that = this.__data__.corporation.values; 

Тогда мы можем получить дату и значение конца строки:

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

и отображения текста:

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

Вот plunker: http://plnkr.co/edit/4HquzuJ6FJeZvEVWuUS5?p=preview

PS: Я создал эту переменную someLegend, потому что у меня не было времени, чтобы понять translate логику вашего focus.