同步操作将从 pengxiaotian/datav-vue 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
一个基于 Vue3.x 的数据可视化项目
我现在有自己的学习计划
,项目中可能会出现实验性的功能,所以在完成第一个可用版本之前只接受 fixbug PR
,不接受 feature PR
。还望大家理解。
因为项目中的 Mock 服务来自于
http://rap2api.taobao.org
, 而该服务不支持HTTPS
, 还有的浏览器会强制使用HTTPS
, 所以如果出现了无法登录的情况, 请检查当前访问的URL是什么协议!
- 页面功能
- [x] 登录页
* [x] 看板娘
- [x] 首页
* [x] 可视化管理
- [ ] 模板
* [ ] 数据管理
* [ ] 组件管理
* [ ] 示例&教程
- [ ] 编辑器
* [x] 图层面板
* [x] 组件面板
* [x] 配置面板
- [x] 画布属性面板
- [x] 组件属性面板
- [ ] 组件数据面板
- [ ] 组件交互面板
* [x] 画布/右键菜单/快捷键
- [x] 截屏/标尺/参考线/组件拖拽/缩放布局
- [x] 置顶/置底/上移一层/下移一层/解锁/锁定/显示/隐藏/重命名/复制/删除
- [ ] 框选组件/组合/拆分/撤销/恢复
* [ ] 其他
- [ ] 保存/预览/发布
- 基础组件库
- [ ] 柱图
* [ ] 基本柱状图
* [ ] 弧形柱图
* [ ] 折线柱图(多)
* [ ] 折线柱图
* [ ] 水平基本柱状图
- [ ] 折线
* [ ] 基本折线图
* [ ] 区域图
- [ ] 饼图
* [ ] 基本饼图
* [ ] 指标占比图
- [ ] 地图
* [ ] 基础平面地图
- [ ] 动态气泡层
- [ ] 飞线层
* [ ] 世界地图
- [x] 文本标题
* [x] 通用标题
* [x] 数字翻牌器
* [ ] 跑马灯
* [ ] 词云
* [ ] 多行文本
* [ ] 进度条
* [ ] 时间器
- [ ] 列表
* [ ] 轮播列表
* [ ] 轮播列表柱状图
- [ ] 关系
* [ ] 树图
- [ ] 媒体
* [ ] 单张图片
- [ ] 素材
* [ ] 装饰
* [ ] 边框
* [ ] 自定义背景
- [ ] 交互
* [ ] Tab列表
* [ ] 全屏切换
* [ ] Tab选择器
* [ ] 日期选择器
# 初始化项目
yarn bootstrap
# 跑起来!
yarn dev
# 构建发布
yarn build
# 本地预览,需要先执行 build
yarn serve
yarn new datav
main-title
├── index.ts # 组件入口
└── src
├── index.vue # 组件入口
├── main-title.ts # 组件声明类
├── config.vue # 组件属性配置
└── config.json # 用于生成 config.vue 的配置文件
其中
config.vue
和config.json
文件,可以在development
模式下,通过访问http://localhost:9090/#/dev/props-config
配置生成。
目前还是个简易版生成工具,需要手动将生成的模板代码,复制粘贴到一个新建文件中。
yarn gc [component name]
# 创建组件
yarn new component
# 创建 Store
yarn new store
yarn cz
例子:
type(scope?): subject (#issue)
# example: feat(core): add type 'bar' for datav (#123)
Git提交模板配置:./commitlint.config.js
& ./changelog.config.js
目前只有 登录页
进行了国际化设置,有需要可自行添加。
多语言文件位置:@/locales/lang/*.js
<template>
...
{{ $t('xxx') }}
...
</template>
import { useI18n } from 'vue-i18n'
...
setup() {
const { t } = useI18n({ useScope: 'global' })
t('xxx')
return { t }
}
...
本项目主要用来研究与学习,如果商用请注意:项目里含有一些第三方付费素材,如:orbitron-bold
字体。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。