跳转到内容

车辆数字座舱:离线网页演示

使用现代浏览器打开 index.html 即可运行。页面通过 HTML、SVG、Canvas 与 JavaScript 展示模拟驾驶工况,全部资源随源码提供,可离线使用。

  • 切换工况:城市巡航、启停行驶、连续弯道。切换会重新生成该工况的模拟历史。
  • 暂停 / 继续:暂停模拟时钟,便于观察当前状态;浏览器标签页在后台时也暂停模拟时间。
  • 悬停曲线:读取对应模拟样本的时间和车速。
  • 导出窗口 CSV:导出最近 60 秒的模拟数据,source 列始终为 simulation。

模拟采样频率为 20 Hz,60 秒窗口包含首尾共 1201 点。启动时预填模拟历史,并同步显示档位、转角与转向灯状态。

index.html?snapshot=1 用于固定截图,暂停在 72.5 km/h、−18°、D 档、左转向灯亮。普通入口默认连续运行。

cockpit.js 中的 sampleAt() 负责生成模拟样本,renderSample() 负责显示当前值,历史缓冲用于曲线。接入项目时,可请 AI 保留显示组件,将数据源替换为 BMCLI 信号,完成单位、枚举、数据质量和时间映射。同级 web/ 目录提供 BMCLI 基础只读页面,启动方法见示例主目录的 README。

接入真实数据后,待配置的组件显示“未配置”,曲线按实际样本绘制,并在缺失处断开。报文操作、实验记录、桌面打包与云端服务可按第五篇教程继续扩展。

下载配套示例 ZIP · 返回系列目录

最近更新: