← 返回项目库
销售运营经营分析收入管理

数据可视化分析工具

面向经营团队的数据可视化分析工具，打开即用本地中文演示数据，支持从数据表到可视化图表的探索式分析。

交付保留 Graphic Walker 的真实拖拽式分析编辑器，并增加中文产品壳层、六个经营分析视图和自包含样本数据。无需登录、数据库或云端 API 即可在本地查看销售额、订单数、毛利和利润率等经营指标。

真实界面

项目截图

共 6 张

销售额趋势总览
区域销售额对比
产品订单结构
渠道销售贡献
销售额与利润率
月度毛利走势

Capabilities

核心功能

✓中文经营分析工作台与离线状态提示
✓月度销售额趋势与区域拆分
✓区域、产品和渠道结构对比
✓销售额与利润率关系散点图
✓月度毛利堆叠面积图
✓数据表与可视化编辑器一键切换
✓真实字段拖拽、筛选和 Auto Viz 图表推荐

适用场景

销售负责人查看月度销售额增长和区域贡献
运营人员比较产品订单结构与渠道销售占比
业务分析师探索销售额、订单数和利润率之间的关系

适合谁

需要快速查看销售、区域、产品、渠道和盈利指标的销售负责人、运营人员和业务分析师。

商业化思路

开源源码交付与本地部署；可在此基础上替换为企业 CSV/JSON 数据或接入自有数据服务。

你会拿到什么

  • ✓完整上游源码、LICENSE、LICENSE2 与中文本地化修改
  • ✓自包含 2026 营销经营数据、六个预置分析视图和本地运行说明

部署流程

  1. 1安装 Node.js 20+ 与 Yarn 1.22+，在源码根目录执行 yarn install --frozen-lockfile
  2. 2执行 yarn sync:datasets && yarn workspace playground build 完成生产构建
  3. 3执行 yarn workspace playground dev --host 127.0.0.1 --port 23360 启动本地工作台，并访问 /?view=overview

真实验证结果

正式证据来自本地 Vite 运行时：六个真实图表视图均显示中文标题与 2026 营销经营数据；交互证据完成数据表与可视化标签切换。演示数据不代表真实业务数据。

部署前须知

当前根入口使用本地演示数据，未连接真实业务数据库；上游 examples/gallery 页面仍保留原项目示例内容。将演示数据替换为真实数据前，请先进行字段映射和权限设计。

部署难度

简单

最低配置

建议使用 Node.js 20+、Yarn 1.22+；构建需要可用的 Node/Vite 工具链，运行时无需后端数据库或第三方 API。

开源许可证

Apache License 2.0 + Graphic-Walker Branding License v1.0

最后验证

2026-09-02

技术栈

React 19TypeScriptViteGraphic WalkerVega-LiteYarn workspaces

授权说明

交付包保留上游 LICENSE 与 LICENSE2、版权声明和 Kanaries 品牌要求；本地化修改包括中文产品壳层、自包含演示数据、预置图表视图和构建复制修复。使用、修改、再分发和品牌展示请分别遵守随包许可证条款；许可证文本不构成法律意见。

Release notes

版本记录

1 个已发布版本

vcn-50d68fc7c062 当前推荐

新增中文经营分析工作台、自包含 24 条演示记录、六个预置可视化视图；修复多包 public 资源复制导致的确定性构建失败，并修复字段胶囊的 React DOM 属性警告。

部署要求：需要 Node.js 20+、Yarn 1.22+；本地运行无需数据库、账号或外部 API。

已知问题：演示数据仅用于离线验证，生产使用需接入并治理真实数据源。

登录后领取