【D3.js数据可视化系列教程】（三十三）-- 力导向图之图片和提示

在力导向图之带文字的基础上添加图片和提示

img&tip.png

 

//设置图片
    node.append("svg:image")
        .attr("class", "circle")
        .attr("xlink:href", "http://localhost:8080/spring/imgs/myself.PNG")
        .attr("x", "-8px")
        .attr("y", "-8px")
        .attr("width", "16px")
        .attr("height", "16px");
//设置提示
    node.append("svg:title")
        .text(function(d) { return d.name; });