Skip to content
šŸš€x-chart is a draggable & resizable data visualization system
TypeScript JavaScript Dockerfile
Branch: dev
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo refact: using typescript to refactor whole project Dec 7, 2018
public refact: using typescript to refactor whole project Dec 7, 2018
src
.browserslistrc refact: using typescript to refactor whole project Dec 7, 2018
.dockerignore feat: update Dockerfile Mar 27, 2019
.editorconfig feat: update dependency Mar 29, 2019
.eslintignore feat: update dependency Mar 29, 2019
.eslintrc.js feat: update dependency Mar 29, 2019
.gitattributes feat: update git attributes Mar 8, 2019
.gitignore feat: update Dockerfile Mar 27, 2019
.travis.yml refact: using typescript to refactor whole project Dec 7, 2018
Dockerfile feat: update Dockerfile Mar 27, 2019
LICENSE Initial commit May 10, 2018
README.md feat: add prerender feature Mar 29, 2019
README.zh-CN.md feat: add prerender feature Mar 29, 2019
babel.config.js feat: update dependency Mar 29, 2019
logo.png feat: update readme May 25, 2018
package.json feat: add prerender feature Mar 29, 2019
postcss.config.js refact: using typescript to refactor whole project Dec 7, 2018
tsconfig.json feat: update dependency Mar 29, 2019
vue.config.js feat: add prerender feature Mar 29, 2019
yarn.lock feat: add prerender feature Mar 29, 2019

README.md

vue echarts Build Status license

ē®€ä½“äø­ę–‡ | English

Introduction

x-chart is a draggable & resizable data visualization dashboard. Based on Vue.js, vue-echarts and vue-grid-layout.

Notice This version is rewrote by typescript, if you want the old version by javascript, you can checkout tag v0.1.2.

Develop

# clone the project
git clone https://github.com/yugasun/x-chart.git

# install dependency
npm install

# develop
npm run dev

# build
npm run build

# build with localStorage cache
npm run build:cache

# deploy for Github page
npm run deploy

# build docker image
npm run docker:build

# run docker image in container, after this you can visit demo by: http://localhost:8080
npm run docker:run

# run into current docker container
npm run docker:exec

Feature

  • Customized scaffold based on vue-cli@3.0
  • Configurable dashboard: all modules render depend on the api.
  • Chart modules are draggable and resizable.
  • Cache build js and css files in localStorage using bowl.js.
  • Customized and beautify charts using echarts.
  • Frontend data mock demo using mockjs.
  • Docker deploy.
  • Refactor with Typescript.
  • Integrated with prerender-spa-plugin for pre-render.

Demo

x-chart

Online Preview.

Notice

For Chinese if you npm install slowly, you can create .npmrc file with below content:

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

You canā€™t perform that action at this time.