相关疑难解决方法(0)

d3.js对象中的超链接

我是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
                }
            ]
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

我现在想做的是尝试添加超链接.例如,我希望能够点击"CNN"并转到CNN.com.我可以对flare.json进行修改吗?

d3.js

37
推荐指数
1
解决办法
3万
查看次数

d3js使最后一个圆圈成为超链接

好的......我正在使用来自http://bl.ocks.org/mbostock/7607535的Zoomable Circle Packing 我打开了flare.json文件并开始弄乱它并且能够成功地操作它.它看起来像这样:

flare.json

{
  "name": "flare",
"children": [
{
"name": "Kommunikation und Umwelt",
"children": [

{
 "name": "Courses",
 "children": [
  {
   "name": "AO-Psy.",
   "children": [
    {"name": "Prof. A", "size": 5731,"url":"google.com"},
    {"name": "Prof. B", "size": 5731},
    {"name": "Prof. C", "size": 5731}
   ]
  },
  {
   "name": "E&E",
   "children": [
    {"name": "Prof. D", "size": 5731},
    {"name": "Prof. E", "size": 5731},
    {"name": "Prof. F", "size": 5731},
    {"name": "Prof. G", "size": 5731},
    {"name": "Prof. H", "size": 5731}
   ]
  },
  {
   "name": …
Run Code Online (Sandbox Code Playgroud)

html javascript svg d3.js circle-pack

6
推荐指数
1
解决办法
1295
查看次数

标签 统计

d3.js ×2

circle-pack ×1

html ×1

javascript ×1

svg ×1