[5.0.0-beta.32]如何渲染自定义节点 #5634

<!-- Answer -->

For custom node rendering in G6 version 5.0.0-beta.32, where the drawOtherShapes method is missing, the G6 team has updated their documentation to include a tutorial on custom nodes. You can find this tutorial here: Custom Nodes Tutorial. This guide provides a comprehensive overview of customization, including specific sections on nodes and edges, which should help address your issue.

Please note, the tutorial is in Chinese, so you might need to use a translation tool if you're not comfortable with the language.

Regarding the broken sandbox link you provided, it's not accessible, so I'm unable to review your implementation directly. If you could update the link or provide a new one, I'd be more than happy to offer more specific guidance based on your code.

If after consulting the tutorial you still face difficulties or have further questions, feel free to share more details about the challenges you're encountering.

Sources

• v5文档希望增加自定义节点教程

<!-- Dosu Comment Footer -->

<details> <summary>

About Dosu

</summary>

This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

If you want to continue the conversation, start your reply with @dosu-bot.

</details>

覆写 render 是可以的

{
  render(attributes, container){
    super.render(attributes, container);
    this.drawMyShapes(attributes, container);
  }

  // 自定义的绘制函数，命名自定
  drawMyShapes(attributes, container) {
      this.upsert(...);
  }
}

非常感谢！