Отображение 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.

• Try оставляя options.position.adjust.method по умолчанию
• Попробуйте более снисходительными options.position.adjust.method; см. qtip docs
• adjust.cyViewport стоит дорого (особенно при касании) и может быть неисправен в зависимости от используемой версии qtip.
• Попробуйте все настройки по умолчанию и посмотрите, можете ли вы воспроизвести свою проблему с помощью событий, которые вы хотите. Если нет, то проблема связана с установленными параметрами. Если да, напишите свой пример кода in an issue