Как изменить направление стрелки в d3plus кольце

Как изменить направление стрелки на target в source от source до target согласно документации он говорит использовать Object в методе .edges(Array | Object | url). D3plus Documentation. Полный код выглядит следующим образом, чтобы узнать о направлении стрелки.Как изменить направление стрелки в d3plus кольце

<!doctype html> 
<meta charset="utf-8"> 
<script src="//d3plus.org/js/d3.js"></script> 
<script src="//d3plus.org/js/d3plus.js"></script> 
<div id="viz"></div> 
<script> 
    var connections = [ 
{"source": "alpha", "target": "beta"}, 
{"source": "alpha", "target": "gamma"}, 
{"source": "alpha", "target": "delta"}, 
{"source": "alpha", "target": "epsilon"}, 
{"source": "alpha", "target": "peta"}, 
{"source": "alpha", "target": "zeta"}, 
{"source": "alpha", "target": "eta"} 
    ] 
var visualization = d3plus.viz() 
    .container("#viz") 
    .type("rings")  
    .edges(connections) 
    .edges({"direction":{"accepted":["source","target"],"value":"source"}}) 
    //.adeges({"direction":{"accepted":["source","target"],"value":"target"}}) 
    .edges({"arrows":true,"color":"#000000"}) 
    .focus("alpha")  
    .draw() 
</script>

Console сообщение.

источник

2016-08-30 Satish Patel

https://plnkr.co/edit/ZmCNWhwEBWqZv54EUHgT?p=preview –

https://plnkr.co/edit/ESUPf56qAPtz7HMjuaOj?p=preview – limekin

Попробуйте это:

<!doctype html> 
<meta charset="utf-8"> 
<script src="//d3plus.org/js/d3.js"></script> 
<script src="//d3plus.org/js/d3plus.js"></script> 
<div id="viz"></div> 
<script> 
    var connections = [ 
     {"source": "alpha", "target": "beta"}, 
     {"source": "alpha", "target": "gamma"}, 
     {"source": "alpha", "target": "delta"}, 
     {"source": "alpha", "target": "epsilon"}, 
     {"source": "alpha", "target": "peta"}, 
     {"source": "alpha", "target": "zeta"}, 
     {"source": "alpha", "target": "eta"} 
    ] 
    var visualization = d3plus.viz() 
    .container("#viz") 
    .type("rings")  
    .edges(connections) 
    .edges({"arrows":true, "color":"#000000"}) 
    .edges({"arrows": { "value": ["source","target"], "direction": "source"}}) 
    .focus("alpha")  
    .draw() 
</script>

источник

2016-09-03 15:31:43 limekin

пожалуйста, проверьте это один. Я пытаюсь передать функцию обратного вызова на клавишу направления. https://plnkr.co/edit/rAWth5FHRhKHRVAZDZdF?p=info –

https://plnkr.co/edit/TJAXlsTSMPTCL1uuFJ9u –

Как изменить направление стрелки в d3plus кольце

ответ

Смежные вопросы