2016-09-12 4 views
0

Вот пример краев, которые у меня есть на моем графике.Как нарисовать короткие ребра в cytoscape.js

Как сократить края? Как минимум 2 или 3 раза. Я не нашел информацию о cytoscape's wiki

{ 
    selector: 'edge', 
    style: { 
     'width': 10, 
     'target-arrow-shape': 'triangle', 
     'line-color': '#9dbaea', 
     'target-arrow-color': '#9dbaea', 
     'curve-style': 'bezier', 
     'label' : 'data(label)' 
    } 
} 

Edge example

ответ

1

опции в макете влияют на позиционирование узлов. Позиция узла A и узла B влияет на длину ребра AB.

Внимательно посмотрите на параметрах в макете (ы) вы заинтересованы, обращая особое внимание на

  • силы в силе направленного/физике макетов,
  • мультипликаторов
  • разноса/сжатия в геометрическом макеты формы,
  • ограничительные коробки в любом макете,
  • т.д.

Вы можете найти easies t экспериментировать с различными комбинациями значений, так как некоторые параметры могут потенциально влиять на результаты других.

Математика, связанная с длиной линии/кривой, проста. Это всего лишь Pythagorean Theorem для (прямых) линий, и quadratic Bezier curves в противном случае.