antvis/G6

【V5】linkCenter和fontFamily和其他 #5796

theDoinb posted onGitHub

问题描述

  1. linkCenter能不能加回去,节点加了icon后,因为icon又不一定是圆的,不连到中心太丑了。

  2. 字体之前会继承父级的,现在不会,也没看到哪有设置。

  3. label样式,选中状态能否初始化时继承下默认配置,大多数情况下,并不需要去对label做选中状态。

  4. 目前节点选中时,选中的边框会使combo撑大。

  5. cursor鼠标手挺好的,就是能否监听下鼠标按住时,由grab -> grabbing

重现链接

https://g6-next.antv.antgroup.com/manual/upgrade

重现步骤

如上

预期行为

如上

平台

  • 操作系统: Windows
  • 网页浏览器: Google Chrome
  • G6 版本: v5

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


  1. ports 设置连接点

    ports: [ {placement: 'center'}]
  2. 在 style 中设置字体,如设置标签字体:labelFontFamily 如果使用 Typescript 开发,你直接在 style 中输入 fontFamily 就能列出所有可配置字体部分

    <img width="267" alt="image" src="https://github.com/antvis/G6/assets/25787943/d145bbbc-351d-4368-804a-0836382fbb6e">

  3. 状态样式是在默认样式的基础上计算得到的

  4. 这是目前的计算逻辑所决定的,当前计算的包围盒会考虑边框宽度。后续根据社区反馈再决定是否要调整。

  5. 这个后面会进行修正

posted by Aarebecca 11 months ago
  1. ports 设置连接点
ports: [ {placement: 'center'}]
  1. 在 style 中设置字体,如设置标签字体:labelFontFamily 如果使用 Typescript 开发,你直接在 style 中输入 fontFamily 就能列出所有可配置字体部分

<img alt="image" width="267" src="https://private-user-images.githubusercontent.com/25787943/335476044-d145bbbc-351d-4368-804a-0836382fbb6e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTcxMzk5MTMsIm5iZiI6MTcxNzEzOTYxMywicGF0aCI6Ii8yNTc4Nzk0My8zMzU0NzYwNDQtZDE0NWJiYmMtMzUxZC00MzY4LTgwNGEtMDgzNjM4MmZiYjZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTMxVDA3MTMzM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEwMTU3OTYwMjcwM2E4ZTU5MzAzODY1NDllODJlODI3MDc5NjA0M2NkZTI1Y2NmNGI1MGM1M2ZmZGI2M2E1NjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ao4JIGLqd_HAj5d0LZKfo6MTwRwqtjmeQr9ZTAzENr4"> 3. 状态样式是在默认样式的基础上计算得到的 4. 这是目前的计算逻辑所决定的,当前计算的包围盒会考虑边框宽度。后续根据社区反馈再决定是否要调整。 5. 这个后面会进行修正

可以看看我写的demo,就3的,我选中node或combo时,label字号会变化,combo也会变化,而且我本地还有选中时combo飘移的。 codesandbox

顺便吐槽下,你们这官网图表实例,hover那个codesandbox按钮,tooltip导致滚动来回出现,没法点击。

posted by theDoinb 11 months ago
  1. ports 设置连接点
ports: [ {placement: 'center'}]
  1. 在 style 中设置字体,如设置标签字体:labelFontFamily 如果使用 Typescript 开发,你直接在 style 中输入 fontFamily 就能列出所有可配置字体部分

<img alt="image" width="267" src="https://private-user-images.githubusercontent.com/25787943/335476044-d145bbbc-351d-4368-804a-0836382fbb6e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTcxMzk5MTMsIm5iZiI6MTcxNzEzOTYxMywicGF0aCI6Ii8yNTc4Nzk0My8zMzU0NzYwNDQtZDE0NWJiYmMtMzUxZC00MzY4LTgwNGEtMDgzNjM4MmZiYjZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTMxVDA3MTMzM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEwMTU3OTYwMjcwM2E4ZTU5MzAzODY1NDllODJlODI3MDc5NjA0M2NkZTI1Y2NmNGI1MGM1M2ZmZGI2M2E1NjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ao4JIGLqd_HAj5d0LZKfo6MTwRwqtjmeQr9ZTAzENr4"> 3. 状态样式是在默认样式的基础上计算得到的 4. 这是目前的计算逻辑所决定的,当前计算的包围盒会考虑边框宽度。后续根据社区反馈再决定是否要调整。 5. 这个后面会进行修正

可以看看我写的demo,就3的,我选中node或combo时,label字号会变化,combo也会变化,而且我本地还有选中时combo飘移的。 codesandbox

顺便吐槽下,你们这官网图表实例,hover那个codesandbox按钮,tooltip导致滚动来回出现,没法点击。

你提供的示例无法打开。另外你提到的按钮滚动的问题应该是模版的问题,麻烦去这里提个 Issue 呢:https://github.com/antvis/dumi-theme-antv/ 这个问题应该跟显示设备有关系

posted by Aarebecca 11 months ago
  1. ports 设置连接点
ports: [ {placement: 'center'}]
  1. 在 style 中设置字体,如设置标签字体:labelFontFamily 如果使用 Typescript 开发,你直接在 style 中输入 fontFamily 就能列出所有可配置字体部分

<img alt="image" width="267" src="https://private-user-images.githubusercontent.com/25787943/335476044-d145bbbc-351d-4368-804a-0836382fbb6e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTcxMzk5MTMsIm5iZiI6MTcxNzEzOTYxMywicGF0aCI6Ii8yNTc4Nzk0My8zMzU0NzYwNDQtZDE0NWJiYmMtMzUxZC00MzY4LTgwNGEtMDgzNjM4MmZiYjZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTMxVDA3MTMzM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEwMTU3OTYwMjcwM2E4ZTU5MzAzODY1NDllODJlODI3MDc5NjA0M2NkZTI1Y2NmNGI1MGM1M2ZmZGI2M2E1NjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ao4JIGLqd_HAj5d0LZKfo6MTwRwqtjmeQr9ZTAzENr4"> 3. 状态样式是在默认样式的基础上计算得到的 4. 这是目前的计算逻辑所决定的,当前计算的包围盒会考虑边框宽度。后续根据社区反馈再决定是否要调整。 5. 这个后面会进行修正

可以看看我写的demo,就3的,我选中node或combo时,label字号会变化,combo也会变化,而且我本地还有选中时combo飘移的。 codesandbox 顺便吐槽下,你们这官网图表实例,hover那个codesandbox按钮,tooltip导致滚动来回出现,没法点击。

你提供的示例无法打开。另外你提到的按钮滚动的问题应该是模版的问题,麻烦去这里提个 Issue 呢:https://github.com/antvis/dumi-theme-antv/ 这个问题应该跟显示设备有关系

好的,示例忘放开了:codesandbox

posted by theDoinb 11 months ago

Fund this Issue

$0.00
Funded

Pull requests