小编Ern*_*sto的帖子

如何从json文件中分配Sankey图(D3)中节点的x轴位置

我终于在D3中找到了一个允许节点在x轴上移动的Sankey图,但我想从json文件中分配一个值来修复特定位置的位置.

http://bl.ocks.org/d3noob/raw/5028304/

我想要做的是使用Sankey Diagram作为时间表.

javascript json d3.js sankey-diagram

5
推荐指数
1
解决办法
1261
查看次数

在GIMP中打开*.data文件作为灰度图像

我试图在GIMP中打开*.data格式的灰度图像,但我得到的唯一选项是多声道(RGB,RGB alpha等).有没有办法改变这个?谢谢.

gimp

5
推荐指数
1
解决办法
3098
查看次数

可折叠力布局中的子项(d3.js对象)中的超链接

我不知道如何在d3.js中编程,我知道我的问题可能很简单甚至是愚蠢的.我试图修改这个可视化http://bl.ocks.org/mbostock/1093130,通过添加到层次结构的最后一个对象(橙色的)的超链接.我知道当有人点击父元素时已经发生了某些事情(折叠,扩展),但是孩子(最后一个)似乎没有对点击执行特定操作,是否可以在那里添加超链接?

这是index.html

<!DOCTYPE html>
<meta charset="utf-8">
<style>

.node circle {
  cursor: pointer;
  stroke: #3182bd;
  stroke-width: 1.5px;
}

.node text {
  font: 10px sans-serif;
  pointer-events: none;
  text-anchor: middle;
}

line.link {
  fill: none;
  stroke: #9ecae1;
  stroke-width: 1.5px;
}

</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>

var width = 960,
    height = 500,
    root;

var force = d3.layout.force()
    .linkDistance(80)
    .charge(-120)
    .gravity(.05)
    .size([width, height])
    .on("tick", tick);

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

var link = svg.selectAll(".link"),
    node = svg.selectAll(".node");

d3.json("graph.json", function(error, …
Run Code Online (Sandbox Code Playgroud)

hyperlink d3.js force-layout

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

将文本从json分成几行,用于在D3强制布局中显示标签

我是d3.js的新手和编码.这是我的问题:

我试图找到一种方法来打破行中强制布局对象的长显示名称.

我希望能够确定在哪里打破这些行,我猜这是可以从json文件中完成的事情.

我知道已经有类似的问题已经提出,但我找不到放置代码的位置或为什么我以前的尝试没有成功.这是我的代码:

var width = 960,
    height = 800,
    root;

var force = d3.layout.force()
    .linkDistance(120)
    .charge(-600)
    .gravity(.06)
    .size([width, height])
    .on("tick", tick);

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

var link = svg.selectAll(".link"),
    node = svg.selectAll(".node");

d3.json("graph.json", function(error, json) {
  root = json;
  update();
});

function update() {
  var nodes = flatten(root),
      links = d3.layout.tree().links(nodes);


  // Restart the force layout.
  force
      .nodes(nodes)
      .links(links)
      .start();

  // Update links.
  link = link.data(links, function(d) { return d.target.id; });

  link.exit().remove();

  link.enter().insert("line", ".node") …
Run Code Online (Sandbox Code Playgroud)

javascript svg label d3.js force-layout

2
推荐指数
1
解决办法
2378
查看次数

标签 统计

d3.js ×3

force-layout ×2

javascript ×2

gimp ×1

hyperlink ×1

json ×1

label ×1

sankey-diagram ×1

svg ×1