我终于在D3中找到了一个允许节点在x轴上移动的Sankey图,但我想从json文件中分配一个值来修复特定位置的位置.
http://bl.ocks.org/d3noob/raw/5028304/
我想要做的是使用Sankey Diagram作为时间表.
我试图在GIMP中打开*.data格式的灰度图像,但我得到的唯一选项是多声道(RGB,RGB alpha等).有没有办法改变这个?谢谢.
我不知道如何在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) 我是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)