機能が働かない

Question

I以下D3コードを有する：私は選択の最初の部分が正しいことを知っている、と

function show_image(source) { 
d3.select("#static-a").append("image").attr("src", source); 
} 

をソース変数が有効なローカル、相対的な基準であること関数が呼び出されているパス：

append("<img>").attr("src", source); 

か、単にこれを行う：

show_image("../images/image_netflix.png"); 

Answer 1

利用imgの代わりimage。

d3.select("body") 
 
    .append("button") 
 
    .on("click", function() { 
 
    show_image("http://www.logosdesigners.com/images/img_example.jpg"); 
 
    }) 
 
    .text("Show Image"); 
 

 
function show_image(source) { 
 
    d3.select("#static-a").selectAll("img").remove(); //Removing existing images 
 
    d3.select("#static-a").append("img").attr("src", source); //Appending new image 
 
}

img { 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 

 
#static-a { 
 
    float: left; 
 
    width: 200px; 
 
    height: 200px; 
 
    border: 1px solid teal; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<div id="static-a"></div>

Answer 2

私はあなたがこれを言うことを意味を推測します：

append($("<img>", {"src":source }));