1
d3.js v3을 사용하여 분산 판에 주석을 구현하려고합니다. 내 차트의 텍스트 레이블을 클릭하면 텍스트 상자를 삽입하고 싶습니다. 내가이 코드를 작성한 곳 :데이터 레이블을 클릭 할 때 입력 텍스트 상자 추가 d3.js
circleGroup.selectAll("text")
.data(data)
.enter()
.append("text")
.text(function (d) {
if (d.label) {
return d.label;
}
return "";
})
.attr("x", function (d) {
return x(d.time) + 6;
})
.attr("y", function (d) {
return y(d.plotY) + 4;
})
.attr("font-size", "10px")
.attr("fill", "#2d3d45")
.on("click", function(d) {
d3.select(this).append("input").attr("type", "text").attr("name", "textInput").attr("value", "Text goes here");
});
텍스트 요소 선택이 올바르게 작동합니다. 텍스트 레이블을 클릭하면 텍스트 상자가 터지지 않습니다. 내가 어디로 잘못 가고 있니? 나의 접근 방식이 올바른 방향이 아닌가?
감사합니다. 그것은 작동합니다 :) – user2128