珊妹儿随着需求在一点点的探索gojs的知识,学习到的知识点也会更新博客,希望能跟大家一起学习~
效果展示:
鼠标移到线上,显示线的text,而线上默认显示指定的长度,因为如果线的text过长,会影响整体效果哦
代码献上:
一、首先在linkTemplate中添加如下代码:
然后定义这两个方法:
function tooltipTextConverter(person){
var str = "";
str += person.lineName;
return str;
}
var tooltiptemplate =
_("ToolTip",
{"Border.fill":"whitesmoke","Border.stroke":"black"},
_(go.TextBlock,
{
font:"bold 8pt Helvetica,bold Arial,sans-serif",
wrap:go.TextBlock.WrapFit,
margin:5
},
new go.Binding("text","",tooltipTextConverter))
);
上面的代码直接写在linkTemplate上面就可以,然后就大功告成了,哇哈哈~~~