Twaver 中link流动效果，tooltip显示/隐藏

最新推荐文章于 2023-01-28 19:17:13 发布

原创最新推荐文章于 2023-01-28 19:17:13 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#twaver link #twaver toolTip

Twaver H5 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在Twaver中设置link的流动效果，以及如何控制ToolTip的显示和隐藏。当设置link.flow为true无效时，需要确保network.setLinkFlowEnabled(true)已启用。同时，通过network.setToolTipEnabled(true/false)可以实现在不同页面间切换时ToolTip的显隐控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.设置link的流动效果

有时发现单纯设置

link.setStyle('link.flow', true);

并没有起作用，这时需要检查之前是否设置：

//流动线条

network.setLinkFlowEnabled(true);

2.设置toolTip的显示与隐藏

network.setToolTipEnabled(true);

network.setToolTipEnabled(false);

例如当tab1是twaver页面，tab2是easyUI页面，

我们希望页面切换至tab2时，拓扑图中的toolTip隐藏掉，然而当切换回tab1后，toolTip 仍可正常显示。

代码如下：

    $('#myTabs a:last').click(function (e) {
	e.preventDefault();
	network.setToolTipEnabled(false);//切换tab2页面时，所有toolTip立即消失
	$(this).tab('show');
    });
    $('#myTabs a:last').click(function (e) {
        e.preventDefault();
	network.setToolTipEnabled(true);//切换回tab2页面后，允许显示toolTip
	$(this).tab('show');
    });