# digitcube

**Repository Path**: ayin86/digitcube

## Basic Information

- **Project Name**: digitcube
- **Description**: techUI 数据可视化开发框架
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: http://lite.techui.net/
- **GVP Project**: No

## Statistics

- **Stars**: 39
- **Forks**: 15
- **Created**: 2023-02-23
- **Last Updated**: 2025-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 数据可视化, 大数据开发, 大屏, 可视化, Echarts

## README

[English](./README.en.md) | 简体中文

<h1>
本开发包废弃请查看新发布的开发包techUI，其中techUI-lite是一个免费版本，自由使用无限制。

Lite version

Demo 点击这里查看 https://lite.techui.net

Docs 点击这里查看 https://lite.techui.net/docs

Premium version

Demo 点击这里查看 https://techui.net

Docs 点击这里查看 https://techui.net/docs
</h1>

<h1 align="center">
<b>数字魔方 开发包</b>
</h1>
<div align="center">Digitcube数字魔方是一款简单易用的可视化大屏前端框架，基于vue2开发</div>

<p align="center">
  <a href="https://doc.ayin86.com/">文档</a> •
  <a href="https://ayin86.com/">演示站点</a> •
  <a href="https://www.npmjs.com/package/digitcube-core">核心库</a> •
  <a href="https://www.bilibili.com/video/BV1sj411M7qY/">Bili演示视频</a>
</p>

## 🛡️声明

**2023年3月16日，开发包的核心文件升级至了1.4的，有部分破坏性更新，请重新下载开发包。**

**此前的版本开发包如果核心库和语言包还保留原始版本，可正常使用。如果此前的开发包升级至最新的1.4核心，则无法正常工作。**

<span style="color:red">**本开发包内置的临时许可证，仅用于测试、体验、学习。无法调试，无法打包部署。** </span>

本开发包内的文件为开发源码，仅需更新许可证即可用于商业项目开发，详情请联系管理员。



- 免费用户，可以通过本开发包学习数据可视化的开发思路、设计、主题、多语言、样式、布局、以及echarts的使用等
- 授权用户，联系管理员更新许可证后直接进入开发阶段。



**本开发包内置5个数据屏，如下图。**

**数据屏A**-支持地图下钻数据联动

<img src="./demo/screenA.png" style="border-radius:10px" width="800" />

**数据屏C**

<img src="./demo/screenC.png" style="border-radius:10px" width="800" />

**数据屏D**

<img src="./demo/screenD.png" style="border-radius:10px" width="800" />

**数据屏A-移动端** 

<img src="./demo/screenA-mobile.png" style="border-radius:10px" width="300" />

**企业拼接屏4x2**

<img src="./demo/splicingScreens.png" style="border-radius:10px" width="800" />

**本开发包内置3个功能界面，分别是3D面板、科技边框、图表配色工具**

**3D面板**

<img src="./demo/board3D.png" style="border-radius:10px" width="800" />

**科技边框**

<img src="./demo/techBorder.png" style="border-radius:10px" width="800" />

**图表配色工具**

<img src="./demo/chartPalette.png" style="border-radius:10px" width="800" />




**更多demo，请查阅 [数字魔方演示站](https://ayin86.com/)** 

<img src="./demo/screenB.png" style="border-radius:10px" width="800" />



-----




## ✨特性

- **🖥️全端适配**

  完美的全端适配方案，个人电脑、手机、平板、企业拼接屏，可以说任何终端设备均可以完美适配，行业内领先的适配方案。

- **🎨强大的内置主题**

  一键切换风格，所有元素，事无巨细的元素和细节均完美支持主题切换。主题可以根据客户需求使用内置主题设计器进行快速的定制化开发。

- **🛸自由开发无限制**

  采用webpack、vue2等流行技术栈，通过调用自研发组件和图表组件，不需要过多繁琐的开发过程即可快速部署上线，大大缩短了开发周期。真正做到了源码级的自由开发。

- **🧩去位图化全面使用SVG**

  全面矢量化（去位图化），因可视化大屏的特殊使用场景，采用传统位图的情况图形放大细节模糊，而采用矢量图细节缩放后还能保持原来的细节清晰度。

- **📊企业拼接屏**

  面对企业级的拼接屏，我们有着非常多的展现方案，可以根据客户的拼接屏设备情况进行定制开发。在任意设备下均可以达到最佳的展现效果。


- **🌈图表智能配色**

  使用本框架，就彻底告别了图表配色这一头疼的问题。提供了智能图表配色的功能和图表配色工具。

- **🗺️GEO 3D 地图**

  基于GEO Json格式的地图，简单易上手，能满足绝大多数的使用场景，可以在地图上放置点、线、面、图形等任意数据。可以用平面或者3D的形式展现地图。

- **🧑‍国际化**

  面向全球业务，扩大市场覆盖范围，国际化可以提高用户满意度、降低开发和维护成本、增加软件的可扩展性。

- **🚀稳步迭代急速响应**

  本框架历经两个大版本，无数小版本的迭代，bug修复及时，功能拓展稳步进行中。对于付费用户可以做到及时响应。



-----



## 📜更新说明

- **20230316 核心升级至1.4 新增了系统标题组件，以及大量细节修改。**

- **20230302 移动端数据屏，拼接屏的开发源码，集成到开发包中。**
- **20230225 文档更新英文和繁体中文语言**
- **20230223 首次发布开发包到Gitee和Github，文档同步发布**



可能会发布一个免费版，不含主题、多语言这些功能，组件也会少一些。供免费商用，提供的组件列表如下（初定）:

- 自适应组件（仅等比模式）
- 图表组件
- 科技面板（大概10-12个）
- 科技标题
- 块标题
- loading
- SVG背景

这些组件，基本上能满足一个普通的商业项目的需求，至于其他功能，则仅在高级版里面提供。免费版可以自己添加任何三方组件或者自定义组件来实现其他功能。

时间节点不确定，毕竟作者完全是业余时间来开发，大致可能在3-6个月后发布，敬请期待。



-----




## 📖安装教程

1.  `cnpm i` 安装依赖，建议使用cnpm
2.  `npm run serve` 启动项目即可预览

开发包介绍和使用方式请查阅 [文档](https://doc.ayin86.com/)



-----



## 🌟许可证授权

如果您需要购买授权或者合作洽谈，请添加客服微信详聊。(其实没有客服，作者伪装的)

添加微信的验证信息请标明 **公司+职位**，没有验证信息的情况下申请会被忽略。

关于许可证的说明请查阅 [许可证说明](https://doc.ayin86.com/license/license#%E4%BB%8B%E7%BB%8D)

<img src="./demo/QRcode.png" width="300" />

海外客户，请通过邮件联系  ayin86cn@gmail.com

数据可视化TechGroupQQ群:119059920 技术交流