摘要：
D3力布图绘制中遇到的交互问题，频繁操作数据后，会出现节点跑掉和单曲线弯曲的问题 问题描述 在id指向都正常的情况下出现以下2种状况： 单曲线弯曲 节点跑掉 经排查，是数据重复导致的问题 线条也是一样的，所以在绘制过程中请保持节点数据和线条数据的唯一性。 阅读全文
摘要：
我们在项目中经常会用到一些正则表达式，将常用的正则做个归纳，方便后期查找 正则字符的简要说明 "^" ： ^会匹配行或者字符串的起始位置，有时还会匹配整个文档的起始位置 "$" ： $会匹配行或字符串的结尾 "\d"： 匹配数字 "\s"： 匹配空格 "\w": 匹配字母或数字或下划线或汉字 等价于 阅读全文
摘要：
今天遇到一个在曲线路径上标识文本标记的问题，找到一个比较好的解决思路，在这里分享下： 使用d3建立的Force Layout，加上自定义的箭头形状，将多条连接线线改成弧线（https://www.cnblogs.com/webhmy/p/10906268.html）。现需沿弧线加上文字 使用text 阅读全文
摘要：
当前项目使用git管理代码，在使用的过程中会遇到一些问题，这里记录下 1、合并代码后 在合并组员的代码后会出现下面的界面，开始的时候都会关闭，重新打开，乐此不疲到忍无可忍 解决方法： 出现这种界面是要提示你输入合并消息 按键盘字母 i 进入insert模式（可跳过）； 按 退出键； 输入 ，按 键； 阅读全文
摘要：
引子 使用d3.js绘制了力布图后，需要在 中绘制图片，方法如下： 中加入指向 实现后的： 发现一个问题就是当图片宽高不一致的时候，会出现无法填充圆圈的问题 问题解决 给图片加入 的属性后问题解决了~ 一脸懵逼吗.gif 关于preserveAspectRatio ``的控制图片比例的属性，指的是引 阅读全文
摘要：
在使用iview组件的时候，经常遇到额外传参的问题，一般情况下可以使用以下2种方法都可以解决： 1、直接在方法后面输入参数，有的时候借用 获取当前dom信息，在某些特定情况下可以将参数绑定在元素的dataset中获取。 2、带有返回值的默认函数，比如select组件的远程方法，不可以直接在方法中写参 阅读全文
摘要：
在项目中遇到这样的场景，在使用D3.js绘制力布图的过程中，需要在2个节点间绘制多条连接线，找到一个不错的算法，在此分享下。 效果图： HTML中要连接 js // 下面是JS部分的代码，使用前请连接 和 var nodes = [{}, {}, {}, {}, {}, {}]; var links 阅读全文
摘要：
本文主要结合案例记录使用D3.js绘制力布图的基本方法 样例显示 基本配置 ：构造一个新的力导向布局 ：布局图的大小 ：连接线的连接强度 ：连接线的连接距离，默认20，可以是数值或函数 ：摩擦系数，可以使刚开始进入的速度衰减 ： 节点间的电荷强度，默认 30，负值表示排斥，正值表示吸引，该参数决定是 阅读全文
摘要：
本篇主要记录流程图的实现过程中的难点和核心技术点，先上效果图： 节点可以任意拖拽，曲线跟随变化 正在连接的线 1、节点实现 流程图是基于SVG绘制的，节点主要利用 和 的特性来实现： g元素：特性是可以包裹元素，并进行位置变化，这样拖拽的时候获取对应的坐标改变 的值就可以整体移动了； foreign 阅读全文
摘要：
最近项目中使用到echarts的树操作，对其中几点注意事项进行下总结。 效果图： 1、基础配置 的配置如下： 1.1 文字倾斜 在 选项设置 属性 1.2 竖式显示 设置 选项， 表示横向， 表示纵向 1.3 省略显示 当字数过多的时候显示...在 的`formatter`中进行设置 2、交互说明 阅读全文