问如何在d3plus环中仅显示主连接
EN

Stack Overflow用户

提问于 2016-07-15 13:34:48

回答 1查看 247关注 0票数 0

我绕过了d3plus环，在其中我只需要显示环中的主连接。

<!doctype html>
<meta charset="utf-8">
<script src="http://www.d3plus.org/js/d3.js"></script>
<script src="http://www.d3plus.org/js/d3plus.js"></script>
<div id="viz"></div>
<script>
  var connections = [ {"source": "alpha", "target": "beta"},
                      {"source": "alpha", "target": "gamma"},
                      {"source": "beta", "target": "delta"},
                      {"source": "beta", "target": "epsilon"},
                      {"source": "zeta", "target": "gamma"},
                      {"source": "theta", "target": "gamma"},
                      {"source": "eta", "target": "gamma"} ]
var visualization = d3plus.viz()
.container("#viz")  // container DIV to hold the visualization
.type("rings")      // visualization type
.edges(connections) // list of node connections
.focus("alpha")     // ID of the initial center node
.draw()             // finally, draw the visualization!

选择Gamma后，应显示Alpha、Zeta、Theta & Eta。我尝试了.color方法，即.color(String|Function|Object)使用key secondary，接受值color。如何为此编写表达式？请访问D3 Plus Documentation

点击Beta应该会显示

d3.js

d3plus

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-21 15:47:28

注释代码可以创建中心节点的次要节点列表，这帮助我实现了我想要实现的目标。请参阅注释行

a = (angle-(s*children/2)+(s/2))+((s)*i)
  d.d3plus.radians = a
  d.d3plus.x = vars.width.viz/2 + ((secondaryRing) * Math.cos(a))
  d.d3plus.y = vars.height.viz/2 + ((secondaryRing) * Math.sin(a))
  //secondaries.push(d)    THE LINE I COMMENTED AND GOT IT WORKING

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38388499

复制

相似问题

问如何在d3plus环中仅显示主连接
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在d3plus环中仅显示主连接EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在d3plus环中仅显示主连接
EN