小编sca*_*ing的帖子

D3:树形图中的超链接

我在超链接 Reingold-Tifold 树图中的子元素时遇到问题。该图是在 D3 中构建的,基于 Mike Bostock 使用的示例: http: //bl.ocks.org/mbostock/4339184

\n\n

我的代码和 JSON 文件的一部分如下。

\n\n

此时,图表工作正常 - 如果我单击父节点,它会展开以显示 JSON 文件中包含的一系列子节点。但是当我到达儿童级别时,我想让这个词成为超链接。我不明白该怎么做。

\n\n

我使用了之前的 SO 问题/答案 - d3.js 对象中的超链接- 来了解如何将 URL 添加到我的 JSON 数据(此时所有内容都只是链接到 Google.co.uk)。但我不明白如何将该 URL 链接到我的树形图,以便子节点成为超链接。

\n\n

你能让我知道我该怎么做吗?

\n\n

预先感谢您的任何帮助。(感谢@IH8,到目前为止您的帮助。)

\n\n

马特

\n\n
<html xmlns:xlink="http://www.w3.org/1999/xlink">\n<head><meta charset="utf-8">\n<style>\n\n.node {\n  cursor: pointer;\n}\n\n.node circle {\n  fill: #FF0000;\n  stroke: black;\n  stroke-width: 1.5px;\n}\n\n.node text {\n  font: 11px sans-serif;\n}\n\n.link {\n  fill: none;\n  stroke: #FF0000;\n\n  stroke-width: 1.5px;\n}\n\n</style>\n<style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */\n.en-markup-crop-options {\n    top: …
Run Code Online (Sandbox Code Playgroud)

javascript json hyperlink d3.js

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

标签 统计

d3.js ×1

hyperlink ×1

javascript ×1

json ×1