2016-05-16 74 views
1

我想拉起從它應該在兩行顯示JSON數據庫&的名字&名字叫d3.js .....如何打破文本在從數據

什麼需要改變在下面的代碼?

.text(function(d) { return d.firstname +"<br/>"+ d.lastname;});

+6

使用TSPAN看到http://stackoverflow.com/questions/19791143/how-to-dynamically-display-a-multiline-text-in-d3-js – Cyril

+0

你將不得不使用異物和Cyril所說的tspan,或將其分成多個文本元素,所以一個用於名字,一個用於最後一個,因此位置相應爲 – thatOneGuy

+0

http://stackoverflow.com/questions/35868310/d3-js-how-to-add-value-標籤下面的圓環圖/ 35869583#35869583這也將有助於添加tspan x和dy – murli2308

回答

0

我認爲你不能直接直接添加HTML元素。

您可以使用foreignObject。文本中

svg.append("foreignObject") 
    .attr("width", "50px") 
    .attr("height", "50px") 
    .append("xhtml:div") 
    .html(function(d) { 
    return (d.firstname + " <br> " + "  " + d.lastname); 
    });