/x-chart

🚀x-chart is a draggable & resizable data visualization system

Primary LanguageVueMIT LicenseMIT

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

# deploy for Github page
npm run deploy

# build docker image
npm run docker:build

# run docker image in container
npm run docker:run

Feature

  • 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.

Demo

x-chart

Online Preview.

License

MIT

Copyright (c) 2018-present yugasun