antvG6之findByClassName函数弃用替换

最新推荐文章于 2023-07-04 18:32:49 发布
最新推荐文章于 2023-07-04 18:32:49 发布
阅读量338 收藏
点赞数
分类专栏： antvG6 文章标签： 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tian_std_scu/article/details/127536435
版权

在使用antvG6开发中遇到问题

  1. 老版本使用的是findByClassName去查找collapse-icon的Shape实例–但是findByClassName即将弃用
    在这里插入图片描述

但是查找了很多G6的文档帖子，其实都并没有发现有findByClassName这个函数，但是功能能实现，于是怀疑是旧版本遗留的函数方法。

在进入IGroup的源码中才找到：
在这里插入图片描述

  1. 在以后的G6版本迭代中很有可能将就方法弃用，于是想办法将这原来的函数看用新的G6的方法进行替换。–使用新group.find（fn）进行回调方法返回collapse-icon的Shape实例：‘marker’

在这里插入图片描述

解决方案：

在这里插入图片描述

Random=_=
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
初识antVG6
这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。
06-05 4913
初识antVG6，简单的拖拽节点功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
vue：find查找函数实际开发的使用
m0_65069237的博客
02-21 1331
一个数组invoiceList和后端传过来的数组list，list中的每一个对象插入到数组productlist，在插入之前需要判断invoiceList中每个对象的goodsOrgId和list每个对象中每个对象中的goodsOrgId是否相同，如果相同则不插入。然后返回该元素的值。如果没有元素满足测试函数，则返回。，对每一个元素执行提供的函数，直到找到使该函数返回。方法主要是查找数组中的属性，会。
Vue.js官方文档2----Class 与 Style 绑定、条件渲染（v-if）、列表渲染（v-for遍历数组对象）
long_steve的博客
09-21 1036
在本例中，如果浏览器支持不带浏览器前缀的 flexbox，那么就只会渲染。
Delphi字符串快速替换函数，速度超快 秒杀自带的StringReplace函数
06-12
在Delphi编程环境中，字符串操作是常见的任务之一，其中替换字符串中的特定子串是一项基本功能。内置的`StringReplace`函数虽然提供了基本的替换服务，但在处理大量数据或长字符串时，其性能可能不尽人意。针对这种...
js 替换功能函数，用正则表达式解决，js的全部替换
12-10
这个函数创建了一个正则表达式对象，将传入的查找字符串`AFindText`转换为一个能正确处理特殊字符的正则表达式，然后使用`this.replace()`来执行全局替换。这个自定义函数在处理包含特殊字符的查找模式时非常有用，...
JavaScript使用replace函数替换字符串的方法
10-24
该函数有两种使用方式，一种是使用普通文本替换，另一种则是使用正则表达式来匹配需要被替换的文本。 使用replace()函数的第一种情况是只替换第一次出现匹配项的情况。函数接受两个参数：第一个参数是被替换的文本...
JavaScript字符串插入、删除、替换函数使用示例
12-09
函数，只能将字符串 mainStr 中最先找到的一个 searchStr 字符串替换为 replaceStr 字符串，并不能将字符串 mainStr 中所有的 searchStr 字符串替换为 replaceStr 字符串，如果需要替换全部，则需要使用循环。...
js中字符替换函数String.replace()使用技巧
12-09
字符串会直接用来替换匹配的部分，而函数则会被调用，其返回值将作为替换文本。如果函数返回的是字符串，那么匹配的内容会被替换；如果函数返回的是非字符串值，会被转换成字符串再进行替换。 ### 返回值 `replace...
AntV X6结合Vue组件渲染节点，并与节点组件进行双向的数据交互
南七小僧的学海无涯
05-28 3054
项目使用.0 + Element-ui 框架，在开发流程功能时自定义节点，为实现稍复杂的样式以及操作交互，使用 markup + attrs的方式的话，比较麻烦，且难以结合使用 Element-ui的交互组件，因此换成结合 Vue组件渲染方式注册自定义节点（官方文档相对简单了点，老报错，搞了老半天，嘤嘤嘤）
antV/L7@1.3.20-」实现北京地图+散点图
ansheng02的博客
12-14 6452
关于antV/L7除了官方文档，可翻阅的资料实在有限，关于地图的实现上，我真的是无力吐槽我自己……其实官方文档给的也还不错，emmm……深深的感受到作为一名开发者的自主学习能力有多么重要。额~对了，在本次的大屏开发上，尤其是图表渲染和地图，森森的感受到了自己的浅薄无知，每天都在“我没文化”、“我文盲”、“我看不懂”、“我不会”中怀疑自己，是英文的文档，考我英语阅读理解也就算了，竟然还有...
记一次antv-G6操作历史实现思路
Bin，的博客
05-07 1350
需求背景： 实际业务场景中，在对图（antv-G6）操作过程中，希望对操作历史有所记录，实现返回上一级操作的功能 思路： 因为返回上一次操作需要上一级操作的服务名，所以考虑用栈压入每次操作的服务名，点击返回上一级时，取出服务名查询 （特别的，初始化时，返回上一级需要特别处理） 部分实现代码： const toolbar = new G6.ToolBar({ className: 'g6-toolbar-ul', getContent: () => {
Vue使用AntV X6绘制流程图（组态呈现）
热门推荐
m0_51431448的博客
10-16 2万+
先说下我项目中的需求，就是要自己绘制出一个我们想要的图，组态化呈现出来，然后这个图中会有很多节点，每个节点都会有自己的状态，状态会实时改变，状态变化的时候，对应的节点标签颜色等都要跟随变化。 那么我们该用什么绘制呢，绘制出来还要符合我们的业务需求，说白了就是要很灵活，想改什么，想用什么节点（自定义图片等），想绑定什么属性等等，我们都可以很灵活的实现。所以就基于AntV X6 来实现这么个事儿。
AntV
大强博客
05-28 1万+
AntV G2 G6 F2 L7 墨者学院 让数据栩栩如生 AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单 方便、专业可靠、无限可能的数据可视化最佳实践。 继续了解 我们的产品 G2 G2是以数据驱动，具有高度的易用性和扩展性的可视化图形语法。 图表示例|API 文档 G6 G6是一套便捷、动态和富有交互的流程图和关系分析的...
antv-x6在vue中使用：拖拽 Dnd、Stencil——以小诺管理平台为例
南七小僧的学海无涯
07-04 1152
由于antv-x6刚刚开放不久，一方面网上资料很少，此外antv目前官方的实例基本都是以react作为demo进行演示，所以vue的示例几乎没有，自己按照官方文档的react写了一个vue版本，仅供参考。先看一下demo的效果，如下所示这是官方网文档的效果，同时官方也给了react版本的demo：https://codesandbox.io/s/wbltl 所以如果你用的是react，那么直接按照react的demo直接写就可以了。下面来看看用vue集成之后的效果，如下图所示：vue我的用的是小诺管理平台的
antv x6基类cell第七讲-拖拽模板综合实例
weixin_44213308的博客
04-15 2745
1、效果 2、代码实现 <template> <a-row :gutter="[8,8]"> <a-col :span="5"> <div id="stencil"/> </a-col> <a-col :span="14"> <div id="container"/> </a-col> <a-col :span="5">..
Antv X6系列 (二) 自定义节点
weixin_43865681的博客
05-24 1万+
最近在做数据可视化编辑功能，学习记录 （一）自定义图片节点 import { Graph, Dom, Node } from '@antv/x6' export const FlowChartImageRect1 = Graph.registerNode('flow-chart-image-rect1', { inherit: 'rect', width:60, height: 60, attrs: { image: { //远程图片 // 'xlink:href
AntV X6流程图绘制程序（官方示例纯javascript+html+css）
yao136的专栏
08-09 6792
纯javascript+html+css绘制流程图，使用antv x6
pgsql 弃用的函数
最新发布
06-19
2. 使用新的替代函数：如果提供了替换函数，尽快切换使用新的API。 3. 避免硬编码：避免在代码中直接引用被弃用的函数，以免迁移时出现问题。 4. 编写迁移脚本：对于复杂的用例，可能需要编写脚本来逐步迁移代码，以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值