qtip을 Cytoscape.js 그래프의 외부 노드에 표시 하시겠습니까?

Question

Cytoscape.js에서 그래프의 바깥 쪽 노드를 가리키면 qTip 대화 상자가 표시되지 않습니다.

바깥 쪽 노드에서 가져갈 때 qTip 거품을 표시 할 수 있습니까? 나는 위쪽 절반의 노드에서 qtip 팝업을 가질 수는 있지만 그래프의 측면을 따라 가지는 않습니다. 특히 하반부쪽으로.

  cy.elements('node').qtip({ 

      id: function() { 
       return this.data('id'); 
      }, 
      content: function() { 
       return this.data('name') + '<br /><em>$' + this.data('weight') + '</em>'; 
      }, 
      position: { 
       my: 'bottom right', 
       viewport: $(etl_cyto_div), 
       adjust: { 
        cyViewport: true, 
        method: 'flip none' 
       } 
      }, 
      show: { 
       cyBgOnly: false 
      }, 
      hide: { 
       cyBgOnly: false, 
       cyViewport: true, 
       delay: 100 
      }, 
      style: { 
       classes: 'qtip-tipsy', 
       tip: { 
        width: 16, 
        height: 8 
       } 
      } 
     });   

Answer 1

귀하의 옵션으로 인해 문제가 발생할 것으로 생각됩니다. 이 확장은 qtip 주위의 비교적 얇은 래퍼이므로 qTip API and options 만 사용하면됩니다.

• 에 한번 떠나 options.position.adjust.method 기본
• 시도해보십시오 options.position.adjust.method을 더 허용; qtip docs
• adjust.cyViewport은 비싸고 (특히 터치시) 비싸고 사용되는 qtip의 버전에 따라 버그가있을 수 있습니다.
• 기본값을 모두 사용해보고 원하는 일정으로 문제를 재현 할 수 있는지 확인하십시오. 그렇지 않다면 문제는 설정된 옵션 때문입니다. 그렇다면 예제 코드를 제출하십시오. in an issue