在这里插入图片描述

GoView:开源可视化大屏的低代码利器

在数据驱动决策日益普及的今天,一个便捷、高效、精美的数据可视化平台可以显著提升产品竞争力与业务展示能力。GoView 正是一款为此而生的优秀开源项目,致力于提供低代码、开箱即用的「数据可视化大屏开发平台」。

一、项目亮点概览

“开源、精美、便捷” —— 是 GoView 的三大关键词。

  • 开源免费:核心前端开源,已适配多个社区后端实现。
  • 🎨 高度可视化:内置丰富图表与组件,支持大屏配置、拖拽式布局。
  • 🧩 低代码开发:面向非前端开发者也能轻松上手。
  • ⚙️ 组件灵活配置:支持图表颜色配置、高级事件、数据过滤、主题切换等。
  • 🚀 高性能优化:支持懒加载、动态组件注册、存储记忆等。

二、技术架构与技术栈

前端架构

  • 框架:Vue 3.2.x + TypeScript 4.6.x
  • 构建工具:Vite 4.2.x
  • 状态管理:Pinia 2.0.x
  • UI 框架:NaiveUI 2.34.x
  • 图表引擎:ECharts + VChart(最新整合,支持更多动态图形)
  • 构建依赖工具:pnpm、Node.js、NPM

后端支持(社区适配)

GoView 是前后端解耦架构,当前有以下社区后端版本:

技术 地址
Java (推荐) Gitee/MTrun
.NET Gitee/sun_xiang_yu
Node Gitee/qwdingyu
Go (goframe/gin) 多个实现
Docker 镜像 AHEAD4/go-view-docker

👉 接口文档(非最新版)

三、丰富图表类型与组件

GoView 支持几十种图表与信息展示组件,适配各种大屏场景:

图表类组件(部分)

  • 柱状图 / 横向柱状图 / 折线图 / 面积图
  • 饼图 / 环形图 / 漏斗图 / 水球图 / 雷达图
  • 散点图 / 对数回归图 / 热力图 / 地图(中国、高德)

信息类组件

  • 文本、图片、视频、词云、嵌套网页、进度条等

列表类组件

  • 滚动排名列表 / 滚动表格

小组件与特效

  • 数字翻牌 / 边框装饰 / 数字计数器 / 倒计时 / 时钟

四、部署与使用方式

📚 官方文档地址:https://www.mtruning.club/

使用方式

名称 访问地址
前端 DEMO vue.mtruning.club
后端集成 DEMO demo.mtruning.club
Pro 商用体验 goviewlink
在线预览代码 idegitee

安装建议

  • Node:18.20+
  • npm:10.7+
  • pnpm:8.6+
  • 操作系统:Windows 11(推荐)

代码规范推荐提交格式

如:feat: 新增折线图组件fix: 修复主题切换 Bugperf: 优化组件加载速度

五、应用场景

  • 企业运营看板
  • 实时数据监控
  • IoT 大屏展示
  • BI 数据报告
  • 政务、校园、园区等可视化展示

总结

GoView 是一款成熟的、前后端分离的数据可视化开发平台,特别适合大屏应用开发。得益于 Vue3 + TypeScript + ECharts + VChart 的技术栈,它不仅开发体验优雅,而且具备良好的扩展性和性能。通过社区后端适配方案,用户可以快速整合业务数据,打造出令人惊艳的可视化项目。

对于希望打造自定义数据大屏、公司内部监控看板或 BI 展示系统的开发者与产品经理而言,GoView 提供了低门槛、高上限的理想选择。

在这里插入图片描述

Logo

一站式 AI 云服务平台

更多推荐