本页提供一个可直接导入 Studio 的示范大屏,用来展示 ThingsVis 在当前开源版本下可实现的 DataV 风格编排效果。
- 名称:
城市运行监测中心 - 画布:
1920 × 1080 - 模式:
fixed - 数据:全部使用内嵌模拟数据
- 组件:
value-card、text、table、echarts-bar、echarts-line、echarts-pie、echarts-gauge
- 如何用现有内置组件组织出完整的大屏层次
- 如何用
value-card和图表组件做顶部指标区与主分析区 - 如何在不依赖后端接口的情况下,用模拟数据完成展示资产
- 如何把示范工程作为团队内部模板继续二次修改
- 启动 Studio:
pnpm install
pnpm build:widgets
pnpm dev- 打开 Studio 后,进入项目导入或本地项目管理流程。
- 选择
city-operations-command-center.thingsvis.json。 - 导入后即可在编辑器中继续调整布局、文本、图表数据和配色。
这个示例没有新增任何底层能力,而是严格基于当前仓库中已经存在的 Widget 体系拼装而成。
因此它更适合做:
- README 展示资产
- 开源仓库的默认示例工程
- 团队演示环境的起始模板
而不是作为“唯一最佳实践”去限制后续视觉方向。

