小编Ame*_*aBR的帖子

D3.js画笔控件:获取范围宽度,坐标

我正在使用d3.js,并想知道如何获得边,宽度,坐标等; 程度.在这样的例子http://bl.ocks.org/mbostock/1667367

javascript d3.js

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

我们如何更改d3.js线图中线性刻度生成的刻度值?

我在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文件,以便将值绘制为根据我的要求?

javascript d3.js

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

什么是传递给d3.js强制回调函数的`e`参数?

下面是刻度函数的正常示例:

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.js force-layout

9
推荐指数
1
解决办法
3315
查看次数

D3过渡:淡入和淡出渐变填充中的颜色

在这个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)

javascript svg transition gradient d3.js

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

d3中的垂直文本(未旋转)

我试图使用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)

文本显示在正确的位置,使用正确的字体等,但它是水平的.

svg vertical-text d3.js

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

d3.v3散点图,所有圆的半径相同

我发现的每个例子都显示所有散点图都是随机半径.有可能让它们大小相同吗?如果我尝试静态设置半径,则所有圆圈都将非常小(我假设默认半径).但是,如果我在大多数示例中使用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'属性中,但不管圆圈总是很小.有什么我想念的吗?

javascript scatter-plot d3.js nvd3.js

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