我是d3.js或java的新手.我正在使用http://bl.ocks.org/1093025中的缩进树示例.我花了两个小时才能在我的本地计算机上工作,所以这应该让你了解我的技能水平.
我打开了flare.json文件并开始搞乱它并且能够成功地操作它.看起来像这样
{
"name": "Test D3",
"children": [
{
"name": "News",
"children": [
{
"name": "CNN",
"size": 1000
},
{
"name": "BBC",
"size": 3812
}
]
},
{
"name": "Blogs",
"children": [
{
"name": "Engaget",
"size": 3938
}
]
},
{
"name": "Search",
"children": [
{
"name": "Google",
"size": 3938
},
{
"name": "Bing",
"size": 3938
}
]
}
]
}
我现在想做的是尝试添加超链接.例如,我希望能够点击"CNN"并转到CNN.com.我可以对flare.json进行修改吗？
我在超链接 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: …