之前做公司的数据展示需求，制作了一个可视化系统。 该系统美其名曰是可视化，不过说到底不过是echarts图展示的配置化工具罢了。
这里放几张效果图
需求
可创建菜单
可创建小组
可动态拖拽charts图，自定义位置信息
可选择图表类型，通过图表类型选择展示需要展示的图表。其中主要包括（折线、柱状、饼图、散点、雷达、表格、文字、数字、折线柱状组合图、柱状堆叠、漏斗、地图等类型）
输入sql返回数据，从而配置数据
这里讲一些通用化的配置
技术栈
vue + vue-router + vuex
echarts
插件
axios
axios请求插件，不过多赘述
echarts
echarts是百度的图表展示插件，详情可以点击echarts
element-ui
element-ui后台UI库
js-cookie
js-cookie是cookie插件,现在github应该有12k+star
node-sass
normalize.css
样式初始化
vue-avatar
用户头像生成
vue-grid-layout
图表功能
x轴
首先折线图、散点图、柱状图x轴的数据来源，x轴可以是数值轴，也可以是时间轴。不过大多数的情况都是数值轴，因为后台的时间来源一般会成为其主要来源。
y轴
y轴一般都是value类型。但y轴也有可能存在单位（如%）一说，所以可以添加在浮层或者其label。
标题
标题的输入
位置
图显示的位置信息
