小编sim*_*cca的帖子

带链接的D3树图

我是d3.js库的新手.

我正在尝试创建一个像这样的树,但是有一个链接到每个节点上的外部页面.

可能吗?

我试图在每个节点上添加一个"svg:a",但是让所有的树都消失了.

更新:

我从上面链接的页面的html中获取此代码.

链接的图书馆是:

  • d3.js
  • d3.layout.js

这是所有代码:

<style type="text/css">
.node circle {
  cursor: pointer;
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font-size: 11px;
}

path.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

    </style>
<script>
var m = [20, 120, 20, 120],
    w = 1280 - m[1] - m[3],
    h = 800 - m[0] - m[2],
    i = 0,
    root;

var tree = d3.layout.tree()
    .size([h, w]);

var diagonal …
Run Code Online (Sandbox Code Playgroud)

javascript tree d3.js

4
推荐指数
1
解决办法
2067
查看次数

标签 统计

d3.js ×1

javascript ×1

tree ×1