小编Rah*_*out的帖子

从动态json数据更新强制有向图上的链接

我是D3的新手并且正在研究力导向图,其中json数据是动态的.我能够在接收到新数据时更改力图,但这会发生弹跳效应.创建我的力图的代码是:

<div class="graph"></div>
<script>
var w = 660,
    h = 700,
    r = 10;
var vis = d3.select(".graph")
    .append("svg:svg")
    .attr("width", w)
    .attr("height", h)
    .attr("pointer-events", "all")
    .append('svg:g')
    .call(d3.behavior.zoom().on("zoom", redraw))
    .append('svg:g');
vis.append('svg:rect')
    .attr('width', w)
    .attr('height', h)
    .attr('fill', 'rgba(1,1,1,0)');
function redraw() {
    console.log("here", d3.event.translate, d3.event.scale);
    vis.attr("transform", "translate(" + d3.event.translate + ")" +
                          " scale(" + d3.event.scale + ")");
};  

var force = d3.layout.force()
    .gravity(.05)
    .charge(-200)
    .linkDistance( 260 )
    .size([w, h]);

var svg = d3.select(".text")
    .append("svg")
    .attr("width", w)
    .attr("height", h);

d3.json(graph, function(json) {

    var …
Run Code Online (Sandbox Code Playgroud)

json d3.js force-layout

36
推荐指数
2
解决办法
3万
查看次数

从svg外部的按钮单击d3中的节点

我使用D3创建了一个力导向图,并在正常div中显示了节点的id.我需要突出显示在div中单击了id的节点.我搜索了节点的id并使用普通的javascript尝试点击它但它不起作用.

javascript d3.js force-layout

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

在d3.js强制有向图中是否有点击和双击事件

我正在使用d3.js处理力导向图.我需要在移动设备的节点上处理点击和双击事件.鼠标悬停和点击功能需要复制为点击并双击d3.js. 我设法让触摸事件有效但却不知道如何在移动设备中捕获双击事件.

javascript jquery jquery-mobile d3.js force-layout

11
推荐指数
1
解决办法
6897
查看次数

标签 统计

d3.js ×3

force-layout ×3

javascript ×2

jquery ×1

jquery-mobile ×1

json ×1