如何在乔木上添加文字?

时间:2014-11-17 20:58:10

标签: jquery arbor.js

我对jquery和arbor很新。谁能真正告诉我简单的代码是什么,将文本添加到arbor中的节点,以及我放置代码的位置? 例如,如果有这个;

sys.addEdge('a','b', {length:.75, pointSize:3, label:"hello"})
    sys.addEdge('a','c')
    sys.addEdge('a','d')
    sys.addEdge('a','e')
    sys.addEdge('a','g')
    sys.addEdge('g','h')
    sys.addNode('f', {alone:true, mass:.25})

谢谢:)

2 个答案:

答案 0 :(得分:0)

您刚刚指定了图形的边缘而不是节点。您需要指定节点并在label属性中添加其名称,如:

var dog = sys.addNode('dog',{'color':'green','shape':'dot','label':'dog'});
var cat = sys.addNode('cat',{'color':'blue','shape':'dot','label':'cat'});

此处,label存储要在图表上显示的节点的名称。

答案 1 :(得分:0)

试试这个

var ctx = canvas.getContext("2d");
var label = node.data.title
                    if (!(label || "").match(/^[ \t]*$/)) {
                        pt.x = Math.floor(pt.x)
                        pt.y = Math.floor(pt.y)
                    } else {
                        label = null
                    }


// draw the text
                    if (label) {
                        ctx.font = "bold 11px Arial"
                        ctx.textAlign = "center"
                        ctx.fillStyle = node.data.fontcolor;
                        ctx.fillText(label || "", pt.x, pt.y + 4)
                    }