concate string с данными (id) в cytoscape

Question

Я использую cytoscape для представления структуры с изображением в каждом узле. Отображается содержимое узла, но изображение отсутствует. Есть ли способ увязать строку с данными (id)?

 style:cytoscape.stylesheet() 
     .selector('node') 
     .css({ 
      "content":"data(id)", 
      "background-image": 'url(http://puji.angin.com/cytoscape/data(id).jpg)', 
      "background-fit": "cover" 
     }) 
    }); 

Мой полный код здесь: http://jsbin.com/bacoju/1/watch

Answer 1

Построить атрибут IMG, содержащий URL (xxx.jpg) Защиту:

$(function() { 
var cy = cytoscape({ 
    container: document.getElementById('cy'), 
    ready:function(){ 
     console.log("App Ready"); 
    }, 
    elements:{ 
     nodes:[ 
      {data:{id:"sisca",img:"url(http://puji.angin.com/cytoscape/" + "sisca.jpg)"}}, 
      {data:{id:"jami", img:"url(http://puji.angin.com/cytoscape/" + "jami.jpg)"}}, 
      {data:{id:"ketut",img:"url(http://puji.angin.com/cytoscape/" + "ketut.jpg)"}} 
     ], 
     edges:[ 
      {data:{id:"e1",source:"sisca",target:"ketut"}}, 
      {data:{id:"e2",source:"sisca",target:"jami"}} 
     ] 
    }, 
    zoom:10, 
    pan:{x:0,y:0}, 
    layout:{ 
     name:"breadthfirst" 
    }, 
    style:cytoscape.stylesheet() 
     .selector('node') 
     .css({ 
      "content":"data(id)", 
      "background-image": 'data(img)', 
      "background-fit": "cover" 
     }) 
    }); 

});

А затем получите отображаемые данные (img) в качестве свойства css!