我正在使用d3.js,并想知道如何获得边,宽度,坐标等; 程度.在这样的例子http://bl.ocks.org/mbostock/1667367
我在d3.js线图中只有5个值[1,2,3,4,5]作为我的y坐标.但是,我最终得到更多的值[0.5,1,1.5,2,2.5,3,3.5,4,4.5,5]有没有办法编辑d3.js文件或html文件,以便将值绘制为根据我的要求?
下面是刻度函数的正常示例:
function tick(e) {
nodes
.each(cluster(10 * e.alpha * e.alpha));
}
Run Code Online (Sandbox Code Playgroud)
谁能告诉我"e"的定义?它有什么属性?我找不到任何关于"e"的描述,以及e.alpha的含义是什么.是的,我使用谷歌但没有结果.
感谢您在下面给出的帮助.
我正在复制一些使用的代码
var force = d3.layout.force()
.nodes(nodes)
.size([width, height])
.charge(-70)
.gravity(0.1)
.on("tick", tick)
.start();
Run Code Online (Sandbox Code Playgroud)
所以这就是你猜的情况.我是d3的新手,剥离了force.layout API并没有给我任何线索.谢谢你宝贵的时间!
在这个D3图中,圆圈用径向渐变填充,并且改变不透明度用于淡入和淡出:

var width = 400,
height = 400,
padding = 1.5, // separation between same-color nodes
clusterPadding = 6, // separation between different-color nodes
maxRadius = 12;
var n = 200, // total number of nodes
m = 10; // number of distinct clusters
var color = d3.scale.category10()
.domain(d3.range(m));
// The largest node for each cluster.
var clusters = new Array(m);
var nodes = d3.range(n).map(function() {
var i = Math.floor(Math.random() * m),
r = Math.sqrt((i + 1) / m * …Run Code Online (Sandbox Code Playgroud)我试图使用d3在svg中垂直显示文本.但是我不想旋转它:我希望字母保持水平,但一个在另一个之上.设置writing-mode=tb似乎没有做任何事情.这是我尝试过的:
svg.append("text")
.attr("x", 1000)
.attr("y", 400)
.attr("id", "title")
.attr("font-size", 50)
.attr("style", "font-family: arial; fill: lightgreen; writing-mode: tb")
.text("Top 100 Mentions");
Run Code Online (Sandbox Code Playgroud)
文本显示在正确的位置,使用正确的字体等,但它是水平的.
我发现的每个例子都显示所有散点图都是随机半径.有可能让它们大小相同吗?如果我尝试静态设置半径,则所有圆圈都将非常小(我假设默认半径).但是,如果我在大多数示例中使用Math.random(),则会有大小的圆圈.我希望所有的圈子都很大.有没有办法做到这一点?这是使用Math.random()形成图数据的代码片段(由于某种原因,这可以正常工作):
function scatterData(xData, yData)
{
var data = [];
for (var i = 0; i < seismoNames.length; i++)
{
data.push({
key: seismoNames[i],
values: []
});
var xVals=""+xData[i];
xVals=xVals.split(",");
var yVals=""+yData[i];
yVals=yVals.split(",");
for (var j = 0; j < xVals.length; j++)
{
data[i].values.push({
x: xVals[j],
y: yVals[j],
size: Math.random()
});
}
}
return data;
}
Run Code Online (Sandbox Code Playgroud)
Math.random()吐出0到1之间的值,例如0.164259538891095和0.9842195005008699.我已经尝试将这些作为静态值放在'size'属性中,但不管圆圈总是很小.有什么我想念的吗?
d3.js ×6
javascript ×4
svg ×2
force-layout ×1
gradient ×1
nvd3.js ×1
scatter-plot ×1
transition ×1