1

我正在使用 cytoscape 生成以下内容。但是当我完全单击节点时，它不起作用但是当我单击偏移量（远离节点或边缘）时，单击事件正在触发。

在下图中，当我完全点击节点或边缘时，点击事件不会触发，但是当我点击远离节点和边缘的红点和黑点时，点击事件会触发。我希望它在我单击节点时触发（用红笔四舍五入）。请帮我。

在此处输入图像描述

代码：

<div id="graphView" class="tabcontent" style="display:block;">
                        <div class="row" style="padding-top: 5px; text-align: left;">
                            <div id="graphDiv" class="col-sm-9 graphViewStyle"> </div>
                            <div id="toolTipDiv" class="col-sm-3"  style="word-wrap: break-word; min-height:300px;max-height:300px;min-width:200px;overflow-y: auto;border:1px solid black;
                                 border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;">4678678678678678678ghjghj/n fghfgh</div>
                        </div>
                    </div>

Cytoscape js代码：

 var cy = cytoscape({
        //container: document.getElementById('graphView'),
        container: document.getElementById('graphDiv'),

        boxSelectionEnabled: false,
        autounselectify: false,
        zoomingEnabled: false,
        autoungrabify: false,

        style: cytoscape.stylesheet()
                .selector('node')
                .css({
                    'content': 'data(label)'
                })
                .selector('edge')
                .css({
                    'target-arrow-shape': 'triangle',
                    'width': 4,
                    'line-color': '#ccc',
                    'target-arrow-color': '#ccc',
                    'curve-style': 'bezier',
                    'content': 'data(label)'
                })


    });

这里 graphDiv 是我的 div，我在同一个 div 中没有任何其他组件。

4

0 回答 0