Question

我想在点击某个节点时显示详细信息。我想将信息放在固定的位置（例如<div id="cy"></div>的右上角），而不是显示与节点位置相关的信息。

通常，我们可以使用position.target属性来设置位置。但是当我将target设置为固定坐标值时，它似乎不起作用，因为qtip信息仍然出现在默认位置（my: 'left',at: 'bottom center'）。

是否误解了目标的使用？以下是我的示例代码的一部分。

    cy.on('mouseover', 'node', function (e) { 
        var node = e.cyTarget;

        if (!node.isParent()) {
            node.qtip({
                content: function () {
                    return 'show some information'
                },
                position: {
                    target: [100,100] // for example
                },
                style: {
                    classes: 'qtip-bootstrap',
                    tip: {
                        width: 16,
                        height: 8
                    }
                }
            });
        }
    });

Answer 1

选项：

（1）不要使用qtip插件。在div上使用qtip本身，并在节点点击上手动显示。

（2）使用类似于（1）的策略但完全没有qtips。如果你没有指向感兴趣的节点，你也可以使用带有信息的div。

使用cytoscape-qtip.js

1 个答案: