suibiansheba 2017-05-02 15:26 采纳率: 20%
浏览 2429
已结题

D3的力导向图怎么把某些特殊节点半径放大

部分代码如图所示


  var force = d3.layout.force()
   .nodes(root.nodes)
   .links(root.edges)
   .size([width,height])
   .linkDistance(200)
   .charge(-1500)
   .start();

   var edges_line = svg.selectAll("line")
   .data(root.edges)
   .enter()
   .append("line")
   .style("stroke","#660066")
   .style("stroke-width",1);

   var edges_text = svg.selectAll(".linetext")
   .data(root.edges)
   .enter()
   .append("text")
   .attr("class","linetext")
   .attr("dx",text_dx)
   .attr("dy",text_dy)
   .text(function(d){
   return d.relation;
   });

   // 圆形图片节点(人物头像)
   var nodes_img = svg.selectAll("image")
   .data(root.nodes)
   .enter()
   .append("circle")
   .attr("class", "circleImg")
   .attr("r", radius)

   .attr("fill", function(d, i){

   //创建圆形图片
   var defs = svg.append("defs").attr("id", "imgdefs");
   var catpattern = defs.append("pattern")
   .attr("id", "catpattern" + i)
   .attr("height", 1)
   .attr("width", 1)
    catpattern.append("image")
   .attr("x", - (img_w / 2 - radius))
   .attr("y", - (img_h / 2 - radius))
   .attr("width", img_w)
   .attr("height", img_h)
   .attr("xlink:href", d.image)

   return "url(#catpattern" + i + ")";
   })



  • 写回答

1条回答 默认 最新

  • devmiao 2017-05-02 15:54
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?