背景图片 link 按数据数组

Question

我在 cytoscape.js 中收到此错误：

"Do not assign mappings to elements without corresponding data (e.g. ele p for property background-image with data field linkImagem); try a [linkImagem] selector to limit scope to elements with linkImagem defined"

查看数据数组：

{ data: { id: 'atr1', classificacao : '1', backgroundColor : '#F79646', nomeAtributo : 'Bancos desconfortáveis', angulo : '0', valign : 'top', halign : 'right', linkImagem : 'http://www.fec.unicamp.br/~confterm/imagens/background/nodes/8.png' }, position: { x:220, y: 300 }, selected: false, selectable: false, locked: false, grabbable: false }

外观脚本样式选项：

.selector('node')
          .css({
            'label': 'data(nomeAtributo)',
            'text-valign': 'data(valign)',
        'text-halign': 'data(halign)',
            'color' : '#000',
            'font-size': '11px',
            'background-fit': 'fit',
            'background-color': 'data(backgroundColor)',
            'background-image': 'data(linkImagem)',
          })

我该如何解决这个问题？

Answer 1

错误信息中已经给你解决方法了。如果您不打算为每个匹配元素定义数据，请不要使用映射器，或者调整您的选择器，以便它们只匹配具有定义数据的元素。

背景图片 link 按数据数组

Background image link by data array

cytoscape.js