Javascript 文本未显示在SVG矩形上

我已经看过了我能找到的每一个解决方案，但没有任何东西显示文本。检查元素时，文本位于其矩形的正确位置中间，并具有正确的文本。基准名称，但不显示。我怎样才能让它表现出来

小提琴：

常数ID=测试； 常数标度=20； 常数PAD=50； 常数MAX_X=10； 常数MAX_Y=10； 常数宽度=最大刻度+焊盘*4； 常数高度=最大Y*刻度+焊盘*4； 风险值数据=[ {名称：'ABC'，x:0，y:0，w:4，l:8}， {name:'DEFG'，x:4，y:0，w:6，l:8}， {name:'HIJKLMNOP'，x:0，y:8，w:10，l:2} ]; var x_scale=d3.scaleLinear .domain[0，MAX_X] .范围[0，最大刻度]； 变量y_比例=d3.scaleLinear .domain[0，最大值] .范围[0，最大刻度]； var top_轴=d3.axisTop .scalex_量表 .ticksMAX_X； var left_axis=d3.axisLeft .scaley_量表 .ticksMAX_Y； var canvas=d3.select+ID .append'svg' .attr'width'，width .attr'height'，height .append'g'//subdata.w*SCALE .attr'height'，子数据，索引=>子数据.l*比例 .attrx，子数据，索引=>subdata.x*SCALE .attry，subdata，index=>subdata.y*SCALE .attr'填充'，'红色'； rects.append'text' .attrx，subdata，index=>subdata.x*SCALE+subdata.w*SCALE/2 .attry，subdata，index=>subdata.y*SCALE+subdata.l*SCALE/2 .主基线，中间 .attr文本锚定，中间 .STYLE字体大小，14px .textsubdata，index=>subdata.name； 测验 -> 文本节点就在那里，它只是从它的曾祖父母g节点继承了fill:none。一行固定它：

常数ID=测试； 常数标度=20； 常数PAD=50； 常数MAX_X=10； 常数MAX_Y=10； 常数宽度=最大刻度+焊盘*4； 常数高度=最大Y*刻度+焊盘*4； 风险值数据=[ {名称：'ABC'，x:0，y:0，w:4，l:8}， {name:'DEFG'，x:4，y:0，w:6，l:8}， {name:'HIJKLMNOP'，x:0，y:8，w:10，l:2} ]; var x_scale=d3.scaleLinear .domain[0，MAX_X] .范围[0，最大刻度]； 变量y_比例=d3.scaleLinear .domain[0，最大值] .范围[0，最大刻度]； var top_轴=d3.axisTop .scalex_量表 .ticksMAX_X； var left_axis=d3.axisLeft .scaley_量表 .ticksMAX_Y； var canvas=d3.select+ID .append'svg' .attr'width'，width .attr'height'，height .append'g'//subdata.w*SCALE .attr'height'，子数据，索引=>子数据.l*比例 .attrx，子数据，索引=>subdata.x*SCALE .attry，subdata，index=>subdata.y*SCALE .attr'填充'，'红色'； rects.append'text' .attrx，subdata，index=>subdata.x*SCALE+subdata.w*SCALE/2 .attry，subdata，index=>subdata.y*SCALE+subdata.l*SCALE/2 .主基线，中间 .attr文本锚定，中间 .黑色 .STYLE字体大小，14px .textsubdata，index=>subdata.name； 测验 -> 啊，我在尝试。stylecolor，黑色而不是。attrfill，黑色。。。将画布文本与svg文本混淆。谢谢兄弟！