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

最新推荐文章于 2024-07-17 14:46:11 发布

司机大傻

最新推荐文章于 2024-07-17 14:46:11 发布

阅读量1.3w

点赞数 4

分类专栏：数据可视化 D3数据可视化系列教程文章标签： d3 d3.js d3js 数据可视化

本文链接：https://blog.csdn.net/tianxuzhang/article/details/14231339

版权

数据可视化同时被 2 个专栏收录

44 篇文章 48 订阅

订阅专栏

D3数据可视化系列教程

36 篇文章 205 订阅

订阅专栏

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

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; });