我的目標(biāo)是將乘客的姓名添加到我的可視化中，以便當(dāng)人們將光標(biāo)移到某個(gè)點(diǎn)上時(shí) - 顯示該人的姓名。到目前為止，我已經(jīng)實(shí)現(xiàn)了目標(biāo)：在對(duì)數(shù)刻度上繪制 x 軸和 y 軸，以及表格中的數(shù)據(jù)，其中 x 軸為年齡，y 軸為票價(jià)女的是圓的，男的是方的幸存者的顏色較淺，而死者的顏色較亮。現(xiàn)在我想附加文本，但我不確定它是否應(yīng)該是：// Add Text Labels? ? ? ? ? ? svg.selectAll("text")? ? ? ? ? ? ? ? .data(data_scatter)? ? ? ? ? ? ? ? .enter()? ? ? ? ? ? ? ? .append("text")? ? ? ? ? ? ? ? .text(function(d) {? ? ? ? ? ? ? ? ? ? return d.name;? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? .attr("font_family", "sans-serif")? // Font type? ? ? ? ? ? ? ? .attr("font-size", "11px")? // Font size? ? ? ? ? ? ? ? .attr("fill", "darkgreen");? ?// Font color我使用此代碼進(jìn)行可視化：// set the dimensions and margins of the graphvar margin = {? ? top: 10,? ? right: 30,? ? bottom: 30,? ? left: 60? },? width = 460 - margin.left - margin.right,? height = 400 - margin.top - margin.bottom;// append the svg object to the body of the pagevar svg = d3.select("#my_dataviz")? .append("svg")? .attr("width", width + margin.left + margin.right)? .attr("height", height + margin.top + margin.bottom)? .append("g")? .attr("transform",? ? "translate(" + margin.left + "," + margin.top + ")");//Read the datad3.csv("https://gist.githubusercontent.com/michhar/2dfd2de0d4f8727f873422c5d959fff5/raw/fa71405126017e6a37bea592440b4bee94bf7b9e/titanic.csv", function(rawData) {? // All values are strings here, so we need to parse some of them.? // You can do that using `+x` or `Number(x)`, where `x = "123"`? const data = rawData.map(function(d) {? ? return {? ? ? age: Number(d.Age),? ? ? // cabin: d.Cabin,? ? ? // embarked: e.Embarked,? ? ? fare: Number(d.Fare),? ? ? // name: d.Name,? ? ? // parch: Number(d.Parch),? ? ? // passengerId: Number(d.PassengerId)? ? ? // pclass: Number(Pclass),? ? ? sex: d.Sex,? ? ? // sibSp: Number(d.SibSp),? ? ? survived: d.Survived === "1"? ? ? // ticket: d.Ticket,? ? };? });