【bug】fruchterman 聚类错误 #885
youen123 posted onGitHub
<!-- Thank you for reporting an issue. 1. It's RECOMMENDED to submit PR for typo or tiny bug fix. 2. If this's a FEATURE request, please provide: details, pseudo codes if necessary. 3. If this's a BUG, please provide: course repetition, error log and configuration. Fill in as much of the template below as you're able. 4. It will be nice to use to provide a CodePen Link which can reproduce the issue, we provide a CodePen template g6-github-issue. 感谢您向我们反馈问题。 1. 提交问题前,请先阅读 https://antv.alipay.com/zh-cn/g6/1.x/index.html 上的文档。 2. 我们推荐如果是小问题(错别字修改,小的 bug fix)直接提交 PR。 3. 如果是一个新需求,请提供:详细需求描述,最好是有伪代码实现。 4. 如果是一个 BUG,请提供:复现步骤,错误日志以及相关配置,并尽量填写下面的模板中的条目。 5. 如果可以,请提供尽可能精简的 CodePen 链接,可使用 CodePen 模板 https://codepen.io/DoriTong/pen/pKbLVw,方便我们排查问题。 6. 扩展阅读:如何向开源项目提交无法解答的问题 -->
- G6 Version:
- Platform:
- Mini Showcase(like screenshots):
- CodePen Link:
<!-- Enter your issue details below this comment. -->
在聚类demo的改动中,我自己的数据绘制的图,发现其中的不同类目的的点聚合在一起, 而这些点中有一些零散的点,和其他点没有边的交互。删除这些点后正常。
不方便透露数据,附上错误的图,及graph的配置
graph = new G6.Graph({
container: ReactDOM.findDOMNode(ref.current),
width: 1200,
height: 800,
layout: {
type: "fruchterman",
maxIteration: 8000,
gravity: 10,
clustering: true,
clusterGravity: 30
},
fitView: true,
linkCenter: true,
defaultNode: {
shape: "circle",
size: 5
},
defaultEdge: {
shape: "quadratic"
},
modes: {
default: [
"drag-node",
"drag-canvas",
{
type: "tooltip",
formatText(model) {
let name = "";
if (model.name) name = model.name + "<br/>";
const text =
name +
"spm: " +
model.id +
"<br/>outPv: " +
model.outPv +
"<br/>inPv: " +
model.inPv +
"<br/>Cluster: " +
model.cluster;
return text;
},
shouldUpdate: _e => {
return true;
}
}, {
type: 'edge-tooltip',
formatText(model) {
return `source: ${model.source}<br/>target: ${model.target}<br/> pv: ${model.pv}`;
}
}
]
}
});
<img width="723" alt="46E35B9A-61AD-412D-9303-E240085737F1" src="https://user-images.githubusercontent.com/15847491/67563161-c1a97d00-f752-11e9-8441-397cf0e47e23.png">