2017-08-25 39 views
0

/*************************************** **********/插入一些文本到D3 Rect元素

删除问题

我很抱歉把你的时间。

/********************************************* ****/

+0

您还没有向我们展示你尝试过什么在这里,没有文字,所以我们不能看到你做错了什么,因此建议什么需要纠正。 –

回答

-1

下一次编辑代码和使用段,这样其他的可以clearl Ÿ 明白你的意思

d3.select('body').append('svg') 
 
//group it 
 
    .append('g').attr('class','test') 
 
    .append('rect') 
 
              
 
             .attr('abc','testd3') 
 
          
 
             .attr('class', 'crew-duty-') 
 
             .attr('x',30) 
 
             .attr('y', 80) 
 
             .attr('width', 100) 
 
             .attr('height', 20) 
 
             .attr('fill', 'blue') 
 
             .attr('ng-show', true) 
 
             .attr('tooltip-type','crewRotationTooltip') 
 
             //.on("click") 
 
             //.on("mouseover") 
 
             //.on("mouseout"); 
 

 
//i dont know what you are aiming for but your code generate this 
 

 
//insert text on it? 
 
//make group before create react 
 

 
d3.selectAll('.test').each(function(d,i){ 
 

 
d3.select(this).append('text') 
 
    .attr('y',95) 
 
    .attr('x',35) 
 
    .attr('text-anchor','left') 
 

 
    .attr('fill','white') 
 
    .text('On -Full Pay') 
 
    
 
}) 
 

 
//done 
 

 
//if not you cant, it append on element but not correct appened, it will not show 
 
d3.selectAll('.crew-duty-').each(function(d,i){ 
 

 
d3.select(this).append('text') 
 
    .attr('y',95) 
 
    .attr('x',35) 
 
    .attr('text-anchor','left') 
 

 
    .attr('fill','white') 
 
    .text('SOLOLOLO') 
 
    
 
})
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.3/d3.min.js"></script> 
 
    
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 

 
</body> 
 
</html>