D3 企业关系图谱 企业构成图谱 股权穿透图 股权结构图 关联方认定图

已于 2023-04-22 13:40:07 修改
阅读量2k 收藏 7
点赞数 4
分类专栏： vue3 D3 文章标签： 前端
于 2023-04-22 13:39:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Koreyoshi123654/article/details/130303817
版权

前言：之前说做了项目，这个项目黄了，公司跑路了，代码就拿出来分享，主要就是实现各种类似企查查的各种图谱，欢迎交流。目前已大致实现了：
D3 企业关系图谱 企业构成图谱 股权穿透图 股权结构图 关联方认定图

代码是不标准的vue3（这是vue3写的第一个项目）

企业关系图谱 实现效果如下：（右侧的功能菜单也都实现了）

在这里插入图片描述

企业构成图谱 实现效果如下：在这里插入图片描述
股权穿透图谱 实现效果如下：（右侧的功能菜单也都实现了）

在这里插入图片描述

股权结构图谱 效果如下：（右侧的功能菜单也都实现了）

最低0.47元/天 解锁文章
Koreyoshi·
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
vue-d3-graph:vue+d3v6实现动态知识图谱可视化展示（包含2D和3D图谱展示）
05-10
vue-d3-graph 基于之前的代码进行修改： 目前只是最基础的版本，主要是提供代码的参考，后续会完善代码内容 一、代码使用说明 1. 依赖安装 yarn install 推荐使用 cnpm 来安装，速度更快： # 二选一 npm install -g cnpm --registry=https://registry.npm.taobao.org npm install cnpm -g --registry=https://registry.nlark.com cnpm i 2. 项目启动 yarn serve 3. 项目打包 yarn build 4. 使用lint检查并修复文件 yarn lint Customize configuration See . 二、代码功能清单 d3初始化 数据解析 数据渲染 图查询更新视图 平移与缩放 文字显示 节点拖拽 鼠标浮动事件 鼠标单击事件
企业关系股权穿透图react+d3自用上游企业控股某公司
最新发布
03-04
企业关系股权穿透图react+d3自用上游企业控股某公司自用自用备份
使用d3实现类似脑图，股权穿透图，关系图谱
热门推荐
weixin_38164631的博客
07-30 1万+
前言 最近工作需要完成一个股权穿透图，找了好多文档发现都不满足需求，最终选择d3.js来实现，包含子集的收缩展开，交互以及其他功能。之前由于没做过类似关系图以及不了解d3，踩了很多坑，我会尽可能将代码描述清楚（毕竟花了两个大夜），建议提前了解svg的简单使用和运行机制，d3的基本使用。 使用d3不像其他图表，d3的使用自由度极大，因此可以完成绝大多数图表需求，时间充足的话，可以逐步完成代码，理解实现思路后做其他修改就很简单了。话不多说，先贴图。 我尽可能简化了代码，主要看实现思路，后续增加或删减功能在此基
【vue d3 v4】vue2结合d3实现类似企查查的股权穿透图、股权结构图
weixin_62714043的博客
01-10 1877
vue3 框架中使用vue2代码结合d3完成股权穿透图和股权结构图（h5）
【react d3 v4】react hooks结合d3实现类似企查查的股权穿透图、股权结构图
weixin_62714043的博客
01-10 707
umi+antd-admin 框架中使用hooks结合d3完成股权穿透图和股权结构图(web)
d3.js制作股权穿透图
06-22
制作股权穿透 投资结构图 使用方法 ：该dome有两个文件 一个是html文件 另外一个是需要加载的json数据结构的文件，格式：{ "name": "马云", "tap":"节点", "children": [ { "name": "1中国平安人寿保险股份有限公司-自有资金", "shareNumProportion": "2.27%", "children": [ { "name": "2中国证券金融股份有限公司", "shareNumProportion": "2.27%", "children": [ { "name": "3中国证券金融股份有限公司", "shareNumProportion": "2.27%", }] } } ]
企业关联图谱源码提供
mobaibier的博客
07-24 1567
企业知识图谱无论是在售前寻找和筛选潜在客户,还是在售中与有意向的客户进行交谈,还是在售后对客户态度进行分析统计,都可以基于人工智能理解客户的意图,这需要根据业务场客户服务无论是在售前寻找和筛选潜在客户,还是在售中与有意向的客户进行交谈,还是在售后对客户态度进行分析统计,都可以基于人工智能理解客户的意图,这需要根据业务场景的需求,制定与品牌和产品属性相关的知识图谱,来进行细粒度的语义分析。企业关联图谱主要构建企业关系网络，全面揭露企业之间、企业与个人的复杂关系股东关系、对外投资关系、分支机构、企业高管。...
D3股权穿透图
Koreyoshi123654的博客
01-30 3417
D3股权穿透图
基于D3.js的企业关联图谱——风控可视化
李姆斯的博客
01-30 2104
说明 项目背景 分析企业自身的主要数据，企业与企业、企业与个人、个人与个人之间的关系数据，建设企业的关联关系图谱，识别对公客户的关联关系，并找出关联关系中的风险点。 代码说明 以下代码将是我GitHub中的其中一个页面，主要目的是展示企业之间的担保关系，其他关系的代码可以以此进行推演。主要框架是D3.js 开源地址（有用的话记得follow一下并点个star哦） https://github.com/lebron-li/Visualization-of-risk-control-based-on
d3.js实现股权穿透图(vue+d3.js)
wangjie的博客
05-06 2858
前端实现股权穿透图（d3.js）
d3.js关系图谱示例
04-28
d3关系树图，可控制方向实现树节点展开和收缩
d3关系图谱.html
07-30
最近工作需要完成一个股权穿透图，找了好多文档发现都不满足需求，最终选择d3.js来实现，包含子集的收缩展开，交互以及其他功能。之前由于没做过类似关系图以及不了解d3，踩了很多坑，我会尽可能将代码描述清楚...
d3+jQuery类似天眼查企查查的股权穿透图代码.zip
09-23
"d3+jQuery类似天眼查企查查的股权穿透图代码.zip" 提供了一种有效的解决方案，它结合了d3.js库的强大功能和jQuery的易用性，为用户呈现了直观的企业股权结构图。本文将详细介绍这个代码包中的关键知识点，并探讨其...
D3.js实现人物关系图谱有移动、拖拽、放大功能
04-28
在“D3.js实现人物关系图谱有移动、拖拽、放大功能”这个主题中，我们将深入探讨如何利用D3.js来创建交互式的人物关系网络图，并实现平移、缩放和拖拽等动态效果。 首先，理解D3.js的基础是关键。D3.js全称为Data-...
仿企查查、天眼查 d3关联关系图 力项导图
weixin_38491286的博客
08-19 3122
研究完股权穿透图跟企业图谱 最近又写了一个企业、人物的力项导图 力导向图可以直观看出各个元素之间的关系 具体的代码就不贴了，官网很多 demo 都可以直接拿来用 先看效果 d3灵活的地方就在于它可以 自定义很多东西 比如连接线 图形 等 因为d3官方 有很多现成的demo 都可以直接拿来用 文档也比较详细，大部分图谱都包含了 当然也可以自己添加动画、一些牛逼的交互 感兴趣的朋友可以研究下 互相交流 ...
D3js关系图谱（力导向布局）
魑魅魍魉9527
09-15 5185
"d3": "^3.5.17", import React, { Component } from 'react' import * as d3 from 'd3' import './chart.css' import { List, message, Avatar, Spin } from 'antd'; import InfiniteScroll from 'react-infinite-scroller'; export class Chart1 extends Component {...
d3.js的关系图初试（附加拖拽、缩放及根据自定义名称确定节点）
qq_27971625的博客
08-04 9135
上次用的百度的echarts做的关系图，这周选择的是d3.js做的关系图。总体来看，echarts更简单一些，因为他的文档很容易，而d3的因为是外国的，所以文档阅读起来比较麻烦，即使有中文文档但是有些东西仍然要看英文的。但是因为echarts封装的很好，所以说要用起来就只能很规范化的做那一套了，而有些东西要进行自己设计就不行了，而d3就解决了这一点。就比如说连线上的箭头，echarts只能在连线的...
一致性hash算法原理及php实现
qw790707988的博客
10-14 251
在使用分布式存储时我们要考虑如何将数据均匀分布在多个节点库中？并且也要方便后期的数据查找。 hash取模 假设有N个存储节点，根据用户传入的key（key具有唯一性），index = hash(key) % N计算出将数据存储在哪一个节点上。 一致性hash 为什么不直接使用hash取模的方式，主要原因是：hash取模在容错性和扩展性上较差，如果新增一个节点，或者删除一个节点，那么所有的几点都要重新计算一遍。显然不符合实际实际生产环境。 什么是一致性hash？ 通过一致性hash算法可以把key的has
d3js 模块关系图/依赖图
qq_16381291的博客
07-15 589
d3js v7 模块间依赖示意
代码生成vue2+d3.js股权穿透图鼠标滚轮放大缩小如何重置
07-28
你可以通过以下步骤来重置Vue2和D3.js股权穿透图的鼠标滚轮放大缩小功能： 1. 首先，在Vue组件中引入D3.js库和相关的依赖项。确保你已经安装了D3.js库，可以通过npm或者直接引入CDN来获取。 ```javascript import * as d3 from 'd3'; ``` 2. 在Vue组件的mounted生命周期钩子中，初始化D3.js图表，并为股权穿透图添加鼠标滚轮事件监听器。 ```javascript mounted() { // 初始化D3.js图表 this.initChart(); }, methods: { initChart() { // 创建D3.js的SVG容器 const svg = d3.select('#chart') .append('svg') .attr('width', '100%') .attr('height', '100%') .append('g') .attr('transform', 'translate(0,0)'); // 在SVG容器中绘制股权穿透图 // 添加鼠标滚轮事件监听器 svg.on('wheel', () => { // 获取鼠标滚轮事件的delta值 const delta = d3.event.deltaY; // 根据delta值进行放大或缩小操作 // 阻止默认滚动行为 d3.event.preventDefault(); }); } } ``` 3. 在组件的beforeDestroy生命周期钩子中，移除鼠标滚轮事件监听器。 ```javascript beforeDestroy() { // 移除鼠标滚轮事件监听器 d3.select('#chart').on('wheel', null); } ``` 这样，你就可以通过初始化D3.js图表并添加鼠标滚轮事件监听器来实现股权穿透图的鼠标滚轮放大缩小功能，并在组件销毁前移除事件监听器以避免内存泄漏。记得根据你的具体需求修改代码中的细节。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值