使用GWT包装为D3.js创建一个节点链接图

Question

我想使用D3.js（github.com/gwtd3/gwt-d3）的GWT布局来创建带有力模型的节点链接图。首先，比this example或this one更简单的东西就足够了。

但我真的有问题甚至创建使用GWT包装更简单的图。我找不到如何使用强制，节点和链接对象的等价物。

我开始一个：

Force force = D3.layout().force(); 

不过，我不知道是什么物体节点“节点”和“链接”应该如何初始化它们。它们的构造函数不可见。

force.nodes(nodes).links(links); 

非常感谢您的帮助。

Answer 1

作为解决方法，添加其他JSNI便捷方法来创建Force.Node和Force.Link实例。

/** 
* Convenience function to overcome API limitation. 
*/ 
static final native <T> Node<T> newNode(T userDatum)/*-{ 
    return { 
     datum : userDatum 
    }; 
}-*/; 

/** 
* Convenience function to overcome API limitation. 
*/  
static final native <T> Link<T> newLinkIndex(int source, int target, T userDatum) /*-{ 
    return { 
     source : source, 
     target : target, 
     datum: userDatum 
    }; 
}-*/; 

1. 创建GWT D3“节点”数组，它包含所有节点的情况下，
2. 初始化GWT D3“链接”阵从“节点”使用索引（INT）指向相应的节点实例，
3. 应用通过调用：force.nodes（节点）.links（链接）

可以在MobilePatentSuits.java看到一个完整的工作的例子！