[英]Adding Text on UI with SVG
我已經在我的UI上添加了一個文本,該文本使用帶有svg的g元素。 但是,我仍然堅持在UI上放置其他文本。 有沒有一種方法可以復制並粘貼以下代碼來復制另一個文本?
var legendData = [{ color: "white", text: "MyData" }];
var legends = svg.selectAll("g legends").data(legendData);
var legendBox = legends.enter()
.append("g")
legendBox.append("text")
.attr("dx", function (d) { return 20 })
.attr("dy", function (d) { return 15 })
.text(function (d) { return d.text })
.attr("stroke", "white")
// is it right way ????
var legendData2 = [{ color: "white", text: "MyData2" }];
var legends2 = svg.selectAll("g legends").data(legendData2);
var legendBox2 = legends.enter()
.append("g")
legendBox2.append("text")
.attr("dx", function (d) { return 20 })
.attr("dy", function (d) { return 15 })
.text(function (d) { return d.text })
.attr("stroke", "white")
根據Lars的評論總結:
var legendData = [{ color: "white", text: "MyData", dx: 20, dy: 15 },
{ color: "white", text: "MyData2", dx: 20, dy: 25 },
{ color: "white", text: "MyData3", dx: 20, dy: 35 }];
var legends = svg.selectAll("g legends").data(legendData);
var legendBox = legends.enter()
.append("g")
legendBox.append("text")
.attr("dx", function (d) { return 20 })
.attr("dy", function (d) { return 15 })
.text(function (d) { return d.text })
.attr("stroke", "white")
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.