仿企查查、天眼查股权穿透d3

最新推荐文章于 2025-03-29 13:18:37 发布
最新推荐文章于 2025-03-29 13:18:37 发布
阅读量4.8k 收藏 12
点赞数 11
分类专栏： 图谱 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38491286/article/details/118029556
版权
本文介绍了如何仿照企查查、天眼查制作股权穿透图谱，采用d3.js的双向树方法，简化了企业图谱的复杂计算，主要关注样式调整。节点绘制可自定义，支持多种路径绘制方式，如赛贝尔曲线、折线、弧线。后续文章将详细探讨路径绘制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

企业图谱做出来了，接下来仿企查查写个股权穿透的图谱

企查查股权穿透

自己的

首先使用的方法以及生成图的方法 跟企业图谱类似 也是用的d3官方demo给出的生成双向树的方法，不过版本是d3.v3

 

相比企业图谱  股权穿透就简单了，不需要计算文字长度、节点位置只需要自己修改样式就可以

这些绘画 d3又详细介绍，这里之间说一下

节点的绘制就简单了，可以自定义各种图形、也可以添加头像等...

path的途径也有很多种赛贝尔曲线、折线、弧线等如

路径的话下一篇会主要说明一下，今天就先到这里

有需要的小伙伴可以交流一下

最低0.47元/天 解锁文章
D3-股权穿透图
liujiawei567的博客
08-12 3417
安装·使用 // cdn 引入 <script scr="./saveSvgAsPng.js"></script> // 模块引用 npm install save-svg-as-png -D npm install d3 -D // 在出口文件main.js中 import saveSvgAsPng from "save-svg-as-png"; import d3from "d3"; Vue.prototype.$saveSvgAsPng = saveSvgAsPng;
D3 天眼查 股权穿透 股权结构，默认第一行，异步添加，加减号居中，拖拽，缩放, hover。
weixin_38290146的博客
11-19 1408
股权穿透，图谱
d3.js 实现企业图谱(基于vue)
二两毛豆的博客
06-04 3930
d3.js 企业图谱
d3+jQuery类似天眼查企查查的股权穿透图代码
06-10
d3+jQuery制作类似天眼查企查查的股权穿透图代码，组织架构图代码，支持鼠标拖动和鼠标滚轮控制放大缩小。
利用echarts实现在vue3页面中加载neo4j数据库的知识图谱（纯前端使用）
最新发布
qq_62211046的博客
03-29 467
有个问题待解决：拖拽图谱节点时页面会卡顿。如果有合适方案欢迎交流。（使用说明：需要提前下载neo4j-driver、echarts包)附：vscode创建vue3的vite项目步骤。
d3.js实现股权穿透图(vue+d3.js)
wangjie的博客
05-06 4364
前端实现股权穿透图（d3.js）
D3股权穿透图
Koreyoshi123654的博客
01-30 4690
D3股权穿透图
d3+jQuery类似天眼查企查查的股权穿透图代码.zip
09-23
"d3+jQuery类似天眼查企查查的股权穿透图代码.zip" 提供了一种有效的解决方案，它结合了d3.js库的强大功能和jQuery的易用性，为用户呈现了直观的企业股权结构图。本文将详细介绍这个代码包中的关键知识点，并探讨其...
d3.js制作股权穿透图
06-22
制作股权穿透 投资结构图 使用方法 ：该dome有两个文件 一个是html文件 另外一个是需要加载的json数据结构的文件，格式：{ "name": "马云", "tap":"节点", "children": [ { "name": "1中国平安人寿保险股份...
d3 企业图谱 仿天眼查 企查查
weixin_38491286的博客
05-27 3518
最近接到一个需求，终端要加入企业图谱的功能、能无线穿透下去，之前写过一个类似树形图但是节点长度没有自适应（如下如），样式也不够好看，产品提出做一个类似企查查那种的企业图谱，能更直观的展示企业信息，无奈只能继续研究.... 改版前 改版后： 新版的是用的d3.v5版本的，因为之前用的是v3版，但是v5改动比较大还是得对照着D3的官方文档和实例。 顺便附带上所需版本APi链接 d3v5:https://github.com/d3/d3/blob/master/API.md#axes...
【vue d3 v4】vue2结合d3实现类似企查查的股权穿透图、股权结构图
weixin_62714043的博客
01-10 2444
vue3 框架中使用vue2代码结合d3完成股权穿透图和股权结构图（h5）
jQuery+d3横向树型股份结构图特效
06-10
jQuery+d3基于svg绘制的横向树型股份结构图特效，公司控股集团股份结构图，可用鼠标放大缩小和拖动。
d3+jQuery类型关系图谱
09-30
d3+jQuery类型关系图谱，组织架构图，类似于天眼查，企查查的股权图，内容有横版，竖版两种图形结构，方便修改，支持鼠标拖动和鼠标滚轮控制放大缩小。
前端vue uni-app仿企查查、天眼查关联投资机构 股权结构 树形结构 控股结构
chenchuang0128的博客
05-19 742
this.curTreeName = "股权结构";'label': '广州｜先进制造业｜高新技术','investName': '广东生益股线路板','investName': '广东生益股份','label': '广州｜PCB｜高新技术',**js部分（引入组件， 并初始化数据）**'amount': '13900万','amount': '3900万',**html部分**
股权穿透图(直线连接节点、动态关系线、自适应居中布局)
weixin_44968219的博客
09-03 6726
<template> <div> <div class="container" id="treecontainer"> <div class="menu"> <div id="product_tree" class="treeWrap"></div> </div> </div> </div> </template> <.
vue3+d3实现股权穿透图
Quzq11的博客
01-16 1255
2.使用 components/EquityChart/index.vue (按钮组图标去阿里矢量图标库下载图片至 images)3.调用 views/HomeView.vue。
仿企查查、天眼查 d3关联关系图 力项导图
weixin_38491286的博客
08-19 3589
研究完股权穿透图跟企业图谱 最近又写了一个企业、人物的力项导图 力导向图可以直观看出各个元素之间的关系 具体的代码就不贴了，官网很多 demo 都可以直接拿来用 先看效果 d3灵活的地方就在于它可以 自定义很多东西 比如连接线 图形 等 因为d3官方 有很多现成的demo 都可以直接拿来用 文档也比较详细，大部分图谱都包含了 当然也可以自己添加动画、一些牛逼的交互 感兴趣的朋友可以研究下 互相交流 ...
D3 关联关系图 力学图
肖皓文
01-02 6875
经常分享天眼查 企查查 的一些好的可视化图，是因为本人也是在一家相同性质公司搬砖 经常会被产品强制性要求仿做某个效果图。分享出来就是希望可以帮到大家。有问题 我看到不忙的时候我会回复。 首先该图中信息属于公示信息 不违法也不牵扯机密。 图1 这个是仿照其查查的关联关系图做的 因为本公司数据量小 没有采用企查查做法。当然我之前也吧企查查代码拔下来了参考了下。下面图2 这个是企查查 话不多说...
股权结构图 vue2+d3.js
Quzq11的博客
05-31 1836
类似天眼查股权结构图 vue2+d3.js
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_38491286

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值