Как создать пользовательское сопоставление стиля в cytoscape.js?

Question

Есть ли способ добавить пользовательский сопоставитель к новому cytoscape.js?

Я знаю, что есть данные (nodeKey), но это использует значение nodeKey de novo. Могу ли я настроить собственное отображение?

Спасибо!

Answer 1

Вот мой пользовательский блок отображения:

/* Converts element attributes to their appropriate mapped values 
    * Any non-matching attributes will be matched to the "other" mapping 
    *  if exists 
     * data: data 
     * elementType: nodes or edges 
     * attr: some key under data.nodes[i].data 
     * mapping: obj mapping oldVal: newVal for attr 
     * (toType): new values will be put into this attr, if attr 
     * shouldn't be touched 
    */ 
    function mapAttr(elementType, attr, mapping, toType){ 
     for(var i=0; i < data[elementType].length; i++){ 
      element = data[elementType][i]['data'][attr]; 
      toType = toType ? toType : attr; 
      if(mapping[element]){ 
       data[elementType][i]['data'][toType] = mapping[element]; 
      }else if(mapping['other']){ 
       data[elementType][i]['data'][toType] = mapping['other']; 
      } 
     } 
    } 

Пример:

var nodeShapeMapper = { 
     Rearrangement: "hexagon", 
     Gene: "octagon", 
     Molecule: "triangle", 
     other: "ellipse" 
    }; 
    mapAttr('nodes', 'ntype', nodeShapeMapper, 'shape'); 

Это генерирует значения для атрибута узла "форма" в соответствии с nodeShapeMapper [ntype]

Answer 2

Пользовательские карты слишком дороги в целом, поэтому они не поддерживаются в Cytoscape.js. Хорошая производительность является одним из наших лучших требований к библиотеке.

Если бы вы описали подходящее сопоставление, то это может быть возможно с помощью API сегодня, или мы могли бы работать над тем, что соответствует вашим потребностям. Благодаря!