Prefuse：向 GraphView 演示添加边权重

Question

我正在使用 prefuse 可视化工具包，工具包中的 GraphView 演示非常出色，提供了各种控件来可视化数据。

我能够为我的数据集生成 GraphML 并使用 GraphView 对其进行可视化，我希望拥有的另一件事是使用权重或颜色编码来标记边缘，以展示两个节点之间的强度。

任何有关相同的意见都非常感谢..谢谢..

Answer 1

免责声明：我没有使用过该 API，只是检查了文档:) 看来该 API 有一个 EdgeRenderer 接口，您应该实现该接口来实现所需的行为。

参考：http://prefuse.org/doc/manual/introduction/example/ , http://prefuse.org/doc/api/prefuse/render/DefaultRendererFactory.html

更新：首先更正：事实上 EdgeRenderer 不是一个 iterface，而是一个类。我做了一个简单的演示来说明如何实现自定义边缘渲染。

功能

将标签添加到包含节点标签首字母缩写的边缘

方法

我做了一个快速但肮脏的解决方案，即复制 LabelRenderer 并进行修改以处理边缘。

代码

我将该类命名为 MyEdgeRenderer：

public class MyEdgeRenderer extends AbstractShapeRenderer {

使用原始 EdgeRenderer 绘制边缘线（有关渲染器的实际操作，请参阅下面的 render()）：

protected EdgeRenderer m_edgeRenderer = new EdgeRenderer();

修改 getText() 以从节点获取缩写：

protected String getText(VisualItem item) {
    EdgeItem edge = (EdgeItem)item;
    VisualItem item1 = edge.getSourceItem();
    VisualItem item2 = edge.getTargetItem();    

    String t1 = null, t2 = null;
    if ( item1.canGetString(m_labelName) ) {
        t1 = item1.getString(m_labelName).substring(0,1);            
    };
    if ( item2.canGetString(m_labelName) ) {
        t2 = item2.getString(m_labelName).substring(0,1);            
    };
    if (t1 != null && t2 != null)
        return t1 + "-" + t2;
    else
        return null;
}

修改 getAlignedPoint() 以将标签定位在边缘的一半位置：

protected void getAlignedPoint(Point2D p, VisualItem item, 
        double w, double h, int xAlign, int yAlign)
{
    double x=0, y=0;                

    EdgeItem edge = (EdgeItem)item;
    VisualItem item1 = edge.getSourceItem();
    VisualItem item2 = edge.getTargetItem();

    // label is positioned to the center of the edge
    x = (item1.getX()+item2.getX())/2;
    y = (item1.getY()+item2.getY())/2;      
    ...

修改 render() (I) 首先画线并(II) 使用黑色：

public void render(Graphics2D g, VisualItem item) {         
    m_edgeRenderer.render(g, item);
    ...

    // render text
    int textColor = ColorLib.color(Color.BLACK); // item.getTextColor() 
    if ( text != null && ColorLib.alpha(textColor) > 0 ) {
    ...

为了测试，我修改了 Prefuse 网站上找到的示例 (http://prefuse.org/doc/manual/introduction/example/Example.java)：

    // -- 3. the renderers and renderer factory ---------------------------

    // draw the "name" label for NodeItems
    LabelRenderer ir = new LabelRenderer("name");
    ir.setRoundedCorner(8, 8); // round the corners

    // draw the "name" initials for EdgeItems
    MyEdgeRenderer er = new MyEdgeRenderer("name");
    er.setRoundedCorner(8, 8); // round the corners

    // create a new default renderer factory
    // return our name label renderer as the default for all non-EdgeItems
    // includes straight line edges for EdgeItems by default
    vis.setRendererFactory(new DefaultRendererFactory(ir, er));

这只是一个演示，用于说明自定义渲染。实际上，您可能会从图形模型中检索标签文本和颜色，即：EdgeItem.getString()、getTextColor()。我猜这两个属性都可能来自 GraphML 数据。示例代码还显示了如何为节点设置颜色，它也可能适用于边缘（尽管我还没有尝试过）：

    // -- 4. the processing actions ---------------------------------------
    ...
    // use black for node text
    ColorAction text = new ColorAction("graph.nodes",
            VisualItem.TEXTCOLOR, ColorLib.gray(0));