d3.js流程图怎么控制节点之间的距离？

用d3.js写了一个流程图，感觉每个节点之间的距离太近，太紧，怎么才能修改两个节点的距离，使连接的线段变长？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
anthelion 2019-04-19 14:20
关注
d3.svg.line()的参数是坐标，x=x+30，一个状态点和下一个状态点的间隔的距离就是30，你可以参照一下

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

D3.js力导向图渲染数据 html5 有问必答
2021-05-24 17:19

回答 3 已采纳 force.on("tick", function () { if(force.alpha()<=0.05){ // 足够稳定时，才渲染一次 link.attr(
关于vscode上d3.js代码提示的问题 javascript json vscode
2022-04-06 21:08

回答 2 已采纳你可以把配置复制放到根目录下面，这样配置就一样了
右键单击d3.js元素：如何防止出现浏览器上下文菜单 javascript
2014-07-09 12:16

回答 2 已采纳 Add d3.event.preventDefault(); to your function. // draw rectangle svg.selectAll(".rect").app
用D3.js绘制完整的流程图demo
2019-03-11 10:38

金刚大力士的博客一个完整的流程图demo，效果入下： HTML <!doctype html> <meta charset="utf-8"> <title>Dagre D3 Demo: Sentence Tokenization</title> <link rel="stylesheet" href="demo.css...
将D3.js与symfony2一起使用 mysql php symfony
2015-10-06 07:13

回答 1 已采纳 You get your second error because you can't call two return statements in a function! And since a
将JSON数据传递给d3.json时出错 javascript php
2017-04-11 17:18

回答 1 已采纳 d3.json() expects a url as its first parameter, not a JSON string. This will in turn request the s
D3.js 力导向图用自己的图标 json
2020-03-02 10:24

回答 1 已采纳 d3其实就是提供工具帮助开发者来操作svg，所以需要使用svg的pattern来实现图片功能参考代码 https://output.jsbin.com/cowaxod 参考资料 https:
【D3.js】使用D3.js快速实现拓扑图的绘制
2020-06-21 13:13

节省钱的博客刚了解到D3时,看到D3官网非常丰富且酷炫的Demo,便觉得 D3 应该有着无限可能的图形开发能力,所以在学习完基础的API和SVG的基础后,就开始着手绘制D3的节点拓扑图了; 绘制简易的可拖拽节点拓扑图 2.1 准备工作: 安装...
vue2中如，jq,element，d3.js 等插件按需引入和全局引入的优缺点 vue.js 前端
2022-01-19 10:37

回答 2 已采纳简单的来说按需引入和全局引入最大的区别就是按需引入:我只用我想用的，缩小包的体积（假设element 有3mb，但是我只用了button按钮，就可能只引入了100kb）打包出来的体积就是
想问下D3.js能不能根据图元获得绑定到他身上的数据前端
2023-01-24 14:56

回答 1 已采纳是的，你可以使用selection.data()方法来获得图元绑定的数据。如果你想获得特定图元的绑定数据，可以使用selection.filter()方法，接着使用selection.data()来获
关于d3.js的scan的一个问题 javascript
2021-04-07 10:52

回答 1 已采纳给你看下他的源码（我删了一点无关的） function scan(values, compare) { const index = leastIndex(values, compare);
svg和D3.js
2023-02-27 09:23

拾荒李的博客像素图由一个个像素块组成，矢量图由多个数学公式绘制曲线组成，这样即使我们缩放，数学公式会重新计算，所以矢量图不会出现失真。二、D3.js使用 https://d3js.org/ D3js 是一个可以基于数据来操作文档的 JvaScript...
VUE中d3-dsv这个依赖如何引入？ vue.js 有问必答
2023-02-22 17:41

回答 5 已采纳 d3-dsv模块没有csv导出，具体看这个链接： https://www
前端实现D3使用图片展示在节点上
2022-01-21 09:19

观山.的博客 createThreeD(list) { //异步渲染一般用于在弹框渲染中直接展现... //获取D3 rankdir LR控制流程图横向扩张 var g = new dagreD3.graphlib.Graph().setGraph({rankdir: "LR"}); // 添加节点 list.nodeInfos.forE
2021-08-05 Vue+D3实现一个动态的流程图
2021-08-05 13:40

咪儿的小甜豆的博客标题 Vue+D3实现一个动态的流程图 解决了D3v6的一些问题可以进行动态的播放能根据数据自动生成节点经过节点能显示节点的内容 <template> <div> <div id="tooltip" class="hidden"> <p&...
没有解决我的问题, 去提问

悬赏问题

¥100 Jenkins自动化部署—悬赏100元
¥15 关于#python#的问题：求帮写python代码
¥20 MATLAB画图图形出现上下震荡的线条
¥15 关于#windows#的问题：怎么用WIN 11系统的电脑克隆WIN NT3.51-4.0系统的硬盘
¥15 perl MISA分析p3_in脚本出错
¥15 k8s部署jupyterlab，jupyterlab保存不了文件
¥15 ubuntu虚拟机打包apk错误
¥199 rust编程架构设计的方案有偿
¥15 回答4f系统的像差计算
¥15 java如何提取出pdf里的文字？

d3.js流程图怎么控制节点之间的距离？

1条回答 默认 最新

悬赏问题

1条回答默认最新