# topo_web

**Repository Path**: wyardt/topo_web

## Basic Information

- **Project Name**: topo_web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-03
- **Last Updated**: 2025-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网络拓扑可视化项目

这是一个用于网络拓扑可视化的Web项目，使用了ECharts和Bootstrap框架。

## 项目结构

- `bootstrap.min.css`：Bootstrap框架的压缩样式表文件
- `echarts.min.js`：百度开源的ECharts图表库压缩脚本
- `topo.html`：拓扑图的主HTML页面

## 功能特点

- 使用ECharts实现拓扑图可视化
- 使用Bootstrap构建响应式布局
- 包含拓扑图显示区域和节点详情展示区域
- 提供拓扑图显示开关控制

## 页面布局

拓扑页面包含以下主要组件：

1. **拓扑图显示区域**
   - 使用Bootstrap的card组件包裹
   - 包含拓扑图显示开关
   - 拓扑图显示容器

2. **节点详情区域**
   - 使用Bootstrap的card组件包裹
   - 用于展示选中节点的详细信息

## 使用方法

1. 打开`topo.html`文件
2. 使用拓扑图显示开关控制拓扑图的显示
3. 在拓扑图显示区域查看网络拓扑
4. 点击节点可在节点详情区域查看详细信息

## 技术栈

- HTML5
- CSS3 (使用Bootstrap框架)
- JavaScript (使用ECharts库)

该项目是一个基础的网络拓扑可视化实现，可以根据需要扩展更多网络拓扑相关的功能和交互。