画图实践

canvas 基础到实用

实现一个可拖拽的布局系统

• 组件可拖拽
• 组件可拉伸
• 监听组件的拖拽和拉伸状态
• 组件的添加和删除
• 组件右键监听（待完成）

引入画图库d3.js

引入画图库echarts

• 实现添加图表组件的画图
• 引入图表组件列表

柱状图 饼图 散点图 折线图

引入koa数据服务

• 增加保存|删除|查询|更新 窗口接口
• 增加数据源的新增|删除|更新|查询接口

界面开发

• 左侧图表列表（点击和拖拽新增组件功能）
• 右侧配置面板 包括数据配置，窗口配置和样式配置 待完善 60%
• 数据管理界面开发 0%
• 窗口列表页面开发 0%

组件事件

• 点击选中事件
• 拖拽监听事件
• 右键事件 待完善 0%
• delete 删除组件事件 待完善 0%

半成品展示