TraSculptor

目录

1. 项目配置
2. 界面说明
3. 功能说明
   1. 展示地图
   2. 基于节点的操作
      1. 新建路段
      2. 删除节点
   3. 基于路段的操作
      1. 修改free flow travel time
      2. 修改capacity
      3. 创建节点
      4. 删除路段
   4. 其他操作
      1. 展示路段信息
      2. 快速选择矩阵中目标路段
      3. 矩阵内信息说明
      4. 选择需要展示的路段范围
      5. 对矩阵中link进行排序
      6. 展示经过link的需求的饼图

1. 项目配置

1. 解压压缩文件，得到前端与后端的文件夹
2. 1. 获取在前端的文件夹中执行命令，下载库

npm i

1. 项目运行 在后端文件夹下执行以下代码，开启后端

python app.py

在前端文件夹下执行以下代码，开启前端

npm run dev

点击前端中展示的网址，进入web界面

2. 界面说明

3. 功能介绍

3.1 展示地图

• 点击右侧工作流树状图中节点，展示该网络的信息

3.2 基于节点的操作

• 右键节点，选择新建路段的按键。

i. 新建路段

• 调整路段的参数，完成路段的新建
  • 按住新建道路的初始节点，不释放鼠标，并拖动到目标节点，完成端点的选择
  • 当鼠标拖动到终点后立即松开，则直接生成一条单向新道路；否则若鼠标在终点停留1秒后释放，则打开菜单，进行详细的设置，设置完成点击保存按钮即可创建新道路
  • 

创建路段菜单说明 新版的界面： 形象化的操作与后续“修改freeflowtraveltime”与修改“capacity”一致

ii. 删除节点

• 只能删除新建的节点
  • 右键节点删除节点

3.3 基于路段的操作

• 左键路段进行操作

界面说明

i. 修改free flow travel time

• 更形象化的操作
  • 

ii. 修改capacity

• 更形象化的操作
  • 

iii. 创建节点

界面说明

• 创建节点示例
  • 

iv. 删除路段

• 操作示例
  • 
• 更快捷、形象化的操作
  • 右键道路删除路段
  • 

3.4 其他

i. 展示路段信息

• 

只会在控制台中展示，作为调试程序时使用

ii. 快速选择矩阵中目标路段

• 点击矩阵中元素，即可快速选择地图中对应link
  • 

iii. 矩阵内信息说明

当某个路网上不存在该路段时，矩阵中该位置则没有内容，为空白。

iv. 选择需要展示的路段范围

• 通过右下角直方图调节
  • 

• 深色柱状图为被选中展示的部分，浅色为被过滤不展示的部分
• 拉动直方图左右两边的垂直条设置需要展示的路段的范围。其中，左右垂直条中间的部分即为被选中展示的路段，两边为被过滤的部分
• 选择好特定的范围后，点击确定（✔）按钮实线过滤；否则，将鼠标移出直方图区域即可还原操作
• 当需要取消某个直方图属性的限制时，点击直方图右上角的取消（❌）按钮将限制取消并更新
• 由于矩阵部分为以其中心而非鼠标位置进行缩放，故当选择的link过多，矩阵高度过大时，直接滚轮缩放可能导致矩阵脱出
• avg FFTT: 每个道路在各个状态下平均的fftt；tt scope：每个道路在各个状态下tt的范围；tt ratio：各个道路平均的fftt/tt；tt ratio scope：各个道路tt ratio的范围；avg capacity：各个道路平均的capacity；tf scope：哥哥道路的flow范围；tf ratio：各个道路的flow/capacity；tf ratio scope：各个道路的tf ratio范围

v. 排序

• 按钮的图标表示当前属性参与排序的状态

vi. 展示经过link的需求的饼图

• 双击某一条路段可以开启该模式，点击地图外任意位置关闭模式
  • 饼图的大小与该link满足的节点的需求总量呈正相关
  • 饼图中，蓝色为以该点为o点满足的demand，粉色为以该点为d点满足的demand