- 元素下面添加rect,这样,通过F12可以看到,每个g元素下只有一个rect
-
var _G = _Svg.selectAll('g')
.data(_Node_Data)
.enter()
.append('g')
.append('rect')
.attr('width', 100).attr('height', 100)
.attr('x', function (d) { return d.x-15; })
.attr('y', function (d) { return d.y; })
.attr('width', function (d, i) {
return 50;
})
.attr('height', function (d, i) {
return 30;
})
-
//text元素,用来显示文字 其中var _G = _svg.selectAll('g')必须要重新写一遍,不用使用_G.append('text'),会导致数据不显示。
var _G = _Svg.selectAll('g')
.enter()
.append('text').data(_Node_Data).enter().append('text')
.attr('x', function (d) { return d.x - 12; })
.attr('y', function (d) { return d.y + 20; })
.text(function (d, i) {
return d.data.name;
})
.attr('fill', 'white')
-
d3中,rect里不显示text的解决办法
最新推荐文章于 2023-10-30 16:51:05 发布