antvis/G6

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

zzjjbbaa posted onGitHub

问题描述

  1. v5自定义节点的方式和v4有很大不同,希望v5文档增加自定义节点的教程。
  2. v5自定义节点的demo,好像都是通过继承Extensions.RectNode内置节点的方式实现的,是否有继承BaseNode的实现demo或教程。

重现链接

重现步骤

预期行为

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]
  • G6 版本: [4.5.1 ... ]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


收到,下周开始写教程👀

这有一个继承 CircleNode 的 demo,大部分情况下可以把 CircleNode 当作 base

https://g6-next.antv.antgroup.com/examples/item/customNode/#pieChart

posted by Yanyan-Wang over 1 year ago

收到,下周开始写教程👀

这有一个继承 CircleNode 的 demo,大部分情况下可以把 CircleNode 当作 base

https://g6-next.antv.antgroup.com/examples/item/customNode/#pieChart image

  1. 谢谢♪(・ω・)ノ,有个小疑问,如果ExtGraph中的node配置理解为注册节点的默认model的话,是否可以将默认model放到注册节点中,而不是必须在ExtGraph的node配置中。
  2. readme中的钉钉群链接失效了,能否更新一下呢
posted by zzjjbbaa over 1 year ago

如果ExtGraph中的node配置理解为注册节点的默认model的话,是否可以将默认model放到注册节点中,而不是必须在ExtGraph的node配置中。

Graph 的 node edge combo 配置项,理论上不认为是 model(数据模型)。本意是映射器,可以是静态的就类似 v4 defaultNode 的作用,也可以是函数式映射的,它接收的参数是内部流转的 model 数据(我们叫它 innerModel),返回的是渲染数据(可以叫它 displayModel)。这个东西它不会改变数据,也就是返回的 keyShape、labelShape 这种和渲染有关的内容不会被写到数据里,而只是在渲染的时候内部消费。所以用户的数据不会被污染。类似的,像 graph.getNode 或者布局中,使用的数据都是 innerModel。数据就是这样一个 pipeline:

用户输入数据 --transform--> inner models --mapper(node/edge/combo)--> display model

posted by Yanyan-Wang over 1 year ago

image

是社区的交流群,没有在里面做答疑哈

posted by Yanyan-Wang over 1 year ago

image

是社区的交流群,没有在里面做答疑哈

好的,谢谢

posted by zzjjbbaa over 1 year ago

如果ExtGraph中的node配置理解为注册节点的默认model的话,是否可以将默认model放到注册节点中,而不是必须在ExtGraph的node配置中。

Graph 的 node edge combo 配置项,理论上不认为是 model(数据模型)。本意是映射器,可以是静态的就类似 v4 defaultNode 的作用,也可以是函数式映射的,它接收的参数是内部流转的 model 数据(我们叫它 innerModel),返回的是渲染数据(可以叫它 displayModel)。这个东西它不会改变数据,也就是返回的 keyShape、labelShape 这种和渲染有关的内容不会被写到数据里,而只是在渲染的时候内部消费。所以用户的数据不会被污染。类似的,像 graph.getNode 或者布局中,使用的数据都是 innerModel。数据就是这样一个 pipeline:

用户输入数据 --transform--> inner models --mapper(node/edge/combo)--> display model

谢谢,我得仔细理解下

posted by zzjjbbaa over 1 year ago

来了,写了一部分(总览、节点、边):https://g6-next.antv.antgroup.com/manual/customize/extension-cats

posted by Yanyan-Wang over 1 year ago

Fund this Issue

$0.00
Funded

Pull requests