Skip to content

Latest commit

 

History

History
91 lines (65 loc) · 2.48 KB

README.zh-CN.md

File metadata and controls

91 lines (65 loc) · 2.48 KB
Raw

x-chart

Vue3 ECharts Vite Pinia TypeScript

简体中文 | English

简介

x-chart 是一个可拖拽/放大缩小的数据可视化系统。基于 Vue.js, vue-echarts 和 vue-grid-layout 开发。

Notice 此版本是用 typescript 进行了重构, 如果你需要 javascript 编写的老版本, 你可以 checkout tag 号为 v0.1.2 的版本。

开发

# 克隆项目
git clone https://github.com/yugasun/x-chart.git

# 安装依赖
pnpm install

# 启动服务
# 浏览器访问 http://localhost:8080
pnpm run dev

# 构建
pnpm run build

# 发布到 Github 页面
pnpm run deploy

# 构建 docker 镜像
pnpm run docker:build

# 运行 docker 镜像，运行后，dome可以直接访问 http://localhost:8080
pnpm run docker:run

# 进入当前运行的 docker 镜像
pnpm run docker:exec

功能

  • 基于 Vue3 + Vite + TypeScript 模板研发 vue-ts-starter
  • 可配置的展示板: 所有模块均基于接口渲染。
  • 可拖拽和放大缩小的图形模块。
  • 自定义和美化的 echarts 图形。
  • 使用 msw 进行前端数据模拟.
  • Docker 部署方案.

Demo

x-chart

Online Preview.

注意

对于大陆用户如果你运行 npm install 太慢，你可以在项目根目录创建 .npmrc 文件，文件内容如下：

registry=https://registry.npm.taobao.org/
phantomjs_cdnurl=http://cnpmjs.org/downloads
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

License

MIT

Copyright (c) 2018-present yugasun