Tengo este gráfico: los nombres de los símbolos, '$TSLA' y '$AAPL' no se agregan a la línea, simplemente se colocan allí con los valores x e y apropiados. Me gustaría agregarlos a la línea, de modo que si la línea terminara en una posición diferente, el nombre del símbolo aparecería junto a ella. Como en este ejemplo .

Aquí está el código:

 var svg = d3.select('#graph') .append('svg') .attr('width', w) .attr('height', h); svg.append('path') .datum(data) .attr('class', 'stock') .attr('stroke', '#157145') .... //I have included the above code because it is what's different from the link- //my lines are appended to the variable 'svg'. I am, however, selecting the correct class //in the below code: .... var sec = d3.selectAll(".stock") .data(kvals) //this data follows the same pattern as the examples' .enter().append("g") .attr("class", "stock"); sec.append("text") .datum(function(d){ return { name: d.name, value: d.values[d.values.length-1] }; }) .attr("transform", function(d){ console.log(xScale(d.value.date)); //not displayed in console. return "translate(" + xScale(d.value.date) + "," + yScale(d.value.stock) +")" }) .attr("x", 3) .attr("dy", ".35em") .text(function(d){ return d.name; });

Gracias por tu ayuda. Si necesitas todo el código, puedo pegarlo.