我正在使用preuse可视化工具包,该工具包中的GraphView Demo非常棒,提供了各种控件来可视化数据。
我能够为我的数据集生成GraphML,并使用GraphView可视化它,我想要的另一件事是用权重或颜色编码标记边缘,以展示两个节点之间的强度。
免责声明:我没有使用API,只是检查了文档:)似乎API有一个edgerender接口,您应该实现以实现所需的行为。
Ref: http://prefuse.org/doc/manual/introduction/example/, http://prefuse.org/doc/api/prefuse/render/DefaultRendererFactory.html
更新:首先更正:实际上EdgeRenderer不是一个接口,而是一个类。我做了一个简单的演示来说明如何实现自定义边缘渲染。
特性向包含节点标签首字母的边添加标签
我做了一个快速和肮脏的解决方案,这是复制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));