开发需求背景今天领导派了一个小活，要求我将公司的物联网平台的网络拓扑图画出来。做一个数据展示的页面，集成到现有的iot平台上。说到拓扑图，大家都也都比较清楚，能够清晰地表示网络链路的链接关系。官方一点的解释是： 网络拓扑结构是指用传输媒体互连各种设备的物理布局（将参与LAN工作的各种设备用媒体互连在一起有多种方法，但是实际上只有几种方式能适合LAN的工作）。 网络拓扑图是指由网络节点设备和通信介质
转载
2023-09-22 14:24:12
795阅读
# Python Echarts拓扑图
## 介绍
Echarts是一个基于JavaScript的数据可视化库，可以用来绘制各种图表，包括拓扑图。在Python中，我们可以使用pyecharts库来实现Echarts的功能，包括绘制拓扑图。
在本文中，我们将介绍如何使用Python中的pyecharts库来绘制拓扑图，并通过代码示例来说明其实现方法。
## 准备工作
在开始之前，我们需要
原创
2024-05-30 06:39:26
189阅读
需求描述关系图分层级展示，做一个类似树结构的展示界面，每一层级节点按照权重计算坐标位置，父节点的位置放在在下层子节点中间。需求分析关系图不是真正的树结构，所以目标节点只有在其下一层的才是计算的‘子节点’，如果兄弟节点有共同的下层‘子节点’，按照从左到右的顺序优先排列（也就是说，若节点A和节点B是同一层的兄弟节点，他们有共同的下层节点C，那么就把C作为A的‘子节点’，在计算B节点坐标的时候就不在使用
转载
2023-08-17 20:32:03
1266阅读
echarts连接：https://gallery.echartsjs.com/editor.html?c=xCLEj67T3H代码：jsp： <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script&
转载
2024-03-29 10:44:43
1012阅读
起因最近在项目上实现功能时，遇到了一个需求，需要把一个 excel 里的数据按照一定规则转换成 sql，用的实现方法与之前一篇博客 Attribute + TypeConverter 实现 Excel To Json 中的思想类似，使用 attribute (java 里叫 annotation) 来在 model 上标记 property 与 excel 列名的对应关系，但是在分析 excel
<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <title></title> <script src='https://cdn.bootcss.com/echarts/3.7.1/echarts.js'></script ...
转载
2021-09-10 11:21:00
1910阅读
2评论
前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表+拓扑图应用，于是有了下面的Demo： 在这个Demo中，将GraphView拓扑图组件添加到百度地图组件中，覆盖在百度地图组件之上，并且在百度地图组件上和G
# jQuery Echarts 网络拓扑图
网络拓扑图是一种用于展示网络结构和连接关系的图表，它能够直观地展示各个节点之间的连接状态和流量情况，对于网络管理和故障排查非常有帮助。在本文中，我们将介绍如何使用 jQuery 和 Echarts 来绘制网络拓扑图，并提供相关的代码示例。
## 什么是 jQuery Echarts
首先，让我们简单介绍一下 jQuery 和 Echarts 是什
原创
2024-01-20 11:12:12
444阅读
1.简介计算机网络的拓扑结构主要有：星型拓扑、树型拓扑、总线型拓扑、环型拓扑和网状拓扑。
几何图形{计算机：结点；通信线路：连线}2.分类1.总线型网络广播式易产生冲突通信量不能太大2.星型网络中间结点交换机其他结点其他资源3.环形网络一般双环，防止中断可靠性4.树形网络星形网络的交换机连接而成一般三层采用较多5.分布式网络3.例子某大学校园网结构示意图某大学主干网教育科研计算机网络拓
转载
2023-07-27 14:10:00
0阅读
最终效果force circular数据准备对应位置代码option = {
title: {
text: '关系图（数据为虚构）',
subtext: '卖山楂啦prss',
textStyle: {
color: '#000',
fontSize: 20,
},
},
tooltip: {
转载
2023-08-30 16:57:40
714阅读
对一个有向无环图(Directed Acyclic Graph简称DAG)G进行拓扑排序，是将G中所有顶点排成一个线性序列，使得图中任意一对顶点u和v，若边(u,v)∈E(G)，则u在线性序列中出现在v之前。通常，这样的线性序列称为满足拓扑次序(Topological Order)的序列，简称拓扑序列。简单的说，由某个集合上的一个偏序得到该集合上的一个全序，这个操作称之为拓扑排序。在图论中，由一
转载
2024-03-06 00:03:26
68阅读
一提算法也许很多人刚开始会想：好难啊，我不会。我也是，哈哈哈。但是这是基石，而语言只是实现工具。本文介绍了最近学习的一个排序，仅作个人学习使用，尽量也用自己理解的话语描述出来，如果错误，麻烦指正。什么是拓扑排序tuopu.png上面两种图，圆圈中的字母有如下两个规律：每个顶点出现且只出现一次；若A在序列中排在B的前面，则在图中不存在从B到A的路径。这种具有依赖关系的排序，就是拓扑排序(Topolo
转载
2023-08-08 15:52:49
329阅读
# Python拓扑图实现指南
## 摘要
本文将介绍如何使用Python实现拓扑图。拓扑图是一种图形表示方法，用于展示元素之间的关系。我们将使用NetworkX库来创建拓扑图，并使用Matplotlib库来可视化图形。本文将详细介绍实现拓扑图的步骤和每一步所需的代码。
## 目录
1. [介绍](#介绍)
2. [拓扑图实现流程](#拓扑图实现流程)
3. [步骤1：导入所需库](#步骤1：
原创
2023-08-14 19:16:01
415阅读
网络拓扑的绘制网络拓扑图对网络工程师来说是非常重要的。什么是网络拓扑（topology）？ 如图，这就是一个简单的园区网的网络拓扑图。一个核心交换机，下面有个几台接入。有个旁挂的服务器，上面有个出口，到电信运营商去了。 我们再看一下这个图，这个图带工程型的拓扑图， 可能是visio或者CAD画的这么一个图。 这个右下角，比较规范，会标注这是谁画的，监制单位等。&nb
转载
2023-07-01 11:41:41
927阅读
拓扑排序几乎在所有的项目，甚至日常生活，待完成的不同任务之间通常都会存在着某些依赖关系，这些依赖关系会为它们的执行顺序行程表部分约束。对于这种依赖关系，很容易将其表示成一个有向无环图(Directed Acyclic Graph，DAG，无环是一个重要条件)，并将寻找其中依赖顺序的过程称为拓扑排序(topological sorting)。拓扑排序要满足如下两个条件每个顶点出现且只出现一次。若A在
转载
2023-09-21 10:41:18
392阅读
使用 Graphviz 画拓扑图0)前述本文着重讲一下 Graphviz 的风格控制，基础一些的就不在这里讲啦。1)从 Record 开始下面通过一个简单示例开始吧：在 Graphviz 的文档页有如下一张图，下面就用它里开始练习了。简单的 Record 风格这幅图的dot代码如下：01digraph A {02 node [shape=record];03 struct1 [label=" le
转载
2023-06-15 19:47:39
1117阅读
1.介绍当我们做渗透测试时，这是一个了解其整个网络拓扑结构的大好机会。因为平时我们没有这个内部网络的访问管理权限，所以除了做渗透测试之外的时候，我们不能掌握整个拓扑结构，然而即便是了解了一部分拓扑结构，也会让你觉得很有成就感。但是，如果我们想要画出一个网络拓扑图，我们必须要对相关的基本设施有所掌握。因此，我们需要对以下内容有所了解：交换机、路由器、IDS/IPS、防火墙、虚拟专用网络（VPNs）
转载
2024-04-26 15:00:27
84阅读
1、什么是拓扑排序拓扑排序是一种图论算法在图论中，由一个有向无环图的顶点组成的序列，当且仅当满足下列条件时，称为该图的一个拓扑排序（英语：Topological sorting）。 （1）每个顶点出现且只出现一次； （2）若A在序列中排在B的前面，则在图中不存在从B到A的路径。 也可以定义为：拓扑排序是对有向无环图的顶点的一种排序，它使得如果存在一条从顶点A到顶点B的路径，那么在排序中B出现
转载
2024-03-19 15:05:25
176阅读
首先看一下效果图：1.数据中要添加的属性如下图所示：2.数据中添加入上图属性后，添加点击事件即可，代码如下：//todo 双击时折叠和展开
network.on("doubleClick", function(params) {//双击事件
if (params.nodes.length != 0) {//确定为节点双击事件
var click_no
转载
2024-06-22 16:46:19
186阅读
拓扑图论基础：（一）图的画法和交叉数本系列笔记中所讨论的图是有限的、无向的、允许重边(multiedge)和环(loop)的．由于本文涉及到图论和拓扑学两个数学分支，为了避免术语上的混淆（中文的无奈），我们称图的vertex为顶点，我们称点集拓扑中拓扑空间上的point为点．二维流形设\(\Gamma\)是一个豪斯多夫空间．如果\(\Gamma\)上的每一个点都有一个开邻域同胚于欧氏平面\(\ma
转载
2023-09-06 16:35:18
243阅读
