Gesj-yean / monitor

vue + echarts 可视化拖拽图表项目 :rainbow:

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

monitor

可拖拽大屏演示系统,目的是为了能够方便大屏系统的快捷生成,通过拖拽的方式完成图表的搭建。 不用关心设置图表的尺寸,拉伸图表即可控制大小。 能够保存图表在页面上的位置信息,大小信息,下次打开时可还原上次图表状态。 能够通过文字提示的方式控制图表显示的参数信息,而不需要去代码配置它。 支持全屏预览效果。 支持配置文件信息的下载。 支持主题添加,内置了 e-charts 的一些主题,选择后可以直接在图表上应用。 保存文件 编辑文件 删除文件

基础图表

  • 基础图表选择:
    • 折线图
    • 柱状图
    • 饼图
  • 配置项:
    • 标题组件
    • 图例组件

背景

  • 支持背景添加

主题

  • 支持主题添加
  • 自定义背景上传
  • 重置背景

导入

  • 支持 e-chartsoption 导入生成文件

待添加功能

  • 保存文件背景 ✅
  • 大屏快照 ✅
    • 创建/更新大屏后生成快照,【我的】文件列表中可显示
  • 导入配置
    • 导出的配置能够重新导入进去,还原大屏
  • 接入indexDB:
    • 保存用户上传的大屏背景图片
    • 取消 store 保存 fileList,使用 indexDB 保存 fileList 大屏文件列表
  • 可配置大屏宽高比

About

vue + echarts 可视化拖拽图表项目 :rainbow:


Languages

Language:JavaScript 65.6%Language:Vue 29.4%Language:Less 3.7%Language:CSS 0.9%Language:HTML 0.4%