antvis/G6

【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">


Fund this Issue

$0.00
Funded

Pull requests