首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在D3.js中寻找图的质心

在D3.js中寻找图的质心
EN

Stack Overflow用户
提问于 2013-03-30 03:57:11
回答 2查看 1.1K关注 0票数 2

我试图允许整个图形(例如可折叠树状图(http://mbostock.github.com/d3/talk/20111018/tree.html) )通过使用整个图形的质心在可视化中移动,但不知道将此图形视为离散节点并使用质心坐标进行操作的最佳操作方案是什么。如何计算图的质心,允许动态调整图的大小以允许新节点,从而重新计算质心?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-30 20:34:16

在您的例子中,听起来更简单的做法是获取图形的容器(即SVG)并计算其中心点。假设您正在绘制的图形的边缘不是太大和/或不平衡,其行为将非常类似于计算图形的质心,但更容易实现。

代码应该是这样的。

代码语言:javascript
运行
复制
var centerx = svg.getBBox().x + svg.getBBox().width/2,
    centery = svg.getBBox().y + svg.getBBox().height/2;
票数 0
EN

Stack Overflow用户

发布于 2013-10-02 04:13:49

也许这是有帮助的:http://graphstream-project.org/doc/Algorithms/Centroid_1.0/。我知道您是在D3.js的上下文中询问的。但可能有一些东西可以从GraphStream的质心中加以利用。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15710544

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档