Линия окраски по силе связи d3.js

Question

Я новичок в D3.js, и у меня уже есть сила графика, и она работает. Я сомневаюсь в раскраске связи между двумя узлами.

Мне нужно представлять трафик с использованием цветов по ссылке между узлами. Но проблема в том, что два узла отправляют trafic по ссылке, и для представления этого мне нужен два цвета для одной и той же ссылки. На случай 50% ссылки с одним цветом и другими 50% с другим цветом. Возможно ли это?

Answer 1

Фактически вы хотите представить каждую ссылку источника-> цели как отдельную ссылку, поэтому трафик от X до Y является другой ссылкой, чем трафик от Y до X. В этом случае типичным методом является использование изогнутых ребер , как показано в следующем примере:

http://bl.ocks.org/mbostock/1153292

вы можете также компенсировать ссылку начальную и конечную точки, если вы хотите использовать прямые края, которые появляются, чтобы быть бок о бок, но это более активное участие, потому что у вас есть иметь способ сообщить код, ссылка которого находится на «левой стороне» и которая находится на «правой стороне». Один из способов сделать это - использовать встроенную функцию Math.atan2 для JavaScript, чтобы найти наклон ссылки и смещать исходящие ссылки на основе этого склона. Я попытаюсь написать пример, когда у меня появится шанс.