D3のRect要素

/***************************************にいくつかのテキストを挿入します**********/D3のRect要素

削除質問

私はあなたの時間がかかったためにごめんなさい。

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

出典

2017-08-25 user1712088

を何を意味するかあなたはテキストがありません、あなたはここにしようとしたものを私たちに表示されていないので、我々はあなたが間違ってやっているかを見るため、お勧めできません理解して何を修正する必要があります。 –

-1

私は形にいくつかのテキストを挿入するには、この文書に従っ：https://www.dashingd3js.com/svg-text-element

それとも、またg要素と協力し、それがオーバーラップするように、そこにあなたのRECTとテキストを追加することができます：https://bl.ocks.org/mbostock/7341714

希望します。

出典

2017-08-25 05:53:34 mrdeadsven

-1

次回はコードを編集してスニペットを使用するので、 Y あなたが

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>

出典

2017-08-25 08:58:17 KEKUATAN

答えて

関連する問題