ChrisSong1994 / chartView

一个可视化的dashboard实践

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

画图实践

canvas 基础到实用

实现一个可拖拽的布局系统
  • 组件可拖拽
  • 组件可拉伸
  • 监听组件的拖拽和拉伸状态
  • 组件的添加和删除
  • 组件右键监听(待完成)
引入画图库d3.js
引入画图库echarts
  • 实现添加图表组件的画图
  • 引入图表组件列表

柱状图 饼图 散点图 折线图

引入koa数据服务
  • 增加保存|删除|查询|更新 窗口接口
  • 增加数据源的新增|删除|更新|查询接口
界面开发
  • 左侧图表列表(点击和拖拽新增组件功能)
  • 右侧配置面板 包括数据配置,窗口配置和样式配置 待完善 60%
  • 数据管理界面开发 0%
  • 窗口列表页面开发 0%
组件事件
  • 点击选中事件
  • 拖拽监听事件
  • 右键事件 待完善 0%
  • delete 删除组件事件 待完善 0%
半成品展示

半成品

About

一个可视化的dashboard实践


Languages

Language:JavaScript 88.0%Language:CSS 11.8%Language:HTML 0.2%