Почему при использовании Cytoscape я не могу правильно выровнять текст - PullRequest
Новая
       18

Почему при использовании Cytoscape я не могу правильно выровнять текст

1 голос
/ 25 апреля 2020

Я визуализирую свою БД с помощью Cytoscape. js, но не могу правильно выровнять текст родительских узлов (по объектам) . Кажется, что «родительский» селектор не существует. Все остальные селекторы работают правильно для меня.

Вот важная часть моего js файла: 

var cy = window.cy = cytoscape({
  container: document.getElementById('cy'),
  style: [{
      selector: 'node',
      css: {
        'content': 'data(label)',
        'text-valign': 'center',
        'text-halign': 'center',
        'font-style': 'oblique',
        'font-size': 10,
        'shape': 'round-rectangle',
      }
    },
    {
      selector: 'parent',
      css: {
        'text-valign': 'top',
        'text-halign': 'center',
        'font-style': 'normal',
        'font-size': 15,
      }
    },
    {
      selector: 'edge',
      css: {
        'curve-style': 'unbundled-bezier',
        'control-point-distances': [-20, 10],
        'target-arrow-shape': 'triangle'
      }
    }
  ],

  elements: myElements,

  layout: {
    name: 'preset',
    padding: 5
  }
});

1 Ответ

1 голос
/ 01 мая 2020

Вы используете родительский селектор неправильно, вы можете прочитать об этих селекторах в документах : 

var cy = window.cy = cytoscape({
  container: document.getElementById('cy'),
  style: [{
      selector: 'node',
      css: {
        'content': 'data(label)',
        'text-valign': 'center',
        'text-halign': 'center',
        'font-style': 'oblique',
        'font-size': 10,
        'shape': 'round-rectangle',
      }
    },
    {
      selector: ':parent',
      css: {
        'text-valign': 'top',
        'text-halign': 'center',
        'font-style': 'normal',
        'font-size': 15,
      }
    },
    {
      selector: 'edge',
      css: {
        'curve-style': 'unbundled-bezier',
        'control-point-distances': [-20, 10],
        'target-arrow-shape': 'triangle'
      }
    }
  ],

  elements: myElements,

  layout: {
    name: 'preset',
    padding: 5
  }
});
...