我是d3.js库的新手.
我正在尝试创建一个像这样的树,但是有一个链接到每个节点上的外部页面.
可能吗?
我试图在每个节点上添加一个"svg:a",但是让所有的树都消失了.
更新:
我从上面链接的页面的html中获取此代码.
链接的图书馆是:
这是所有代码:
<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)