可视化平台
该项目主要是为公司数据分析人员用于数据成果可视化展示,例如:季度公司各版块投资回报率展示、公司各部门业绩评估等使用场景。
主要运用的技术栈是,VUE3、ts、pinia、less等来实现的。
总结起来的核心亮点就是:
1.拥有可视化拖拽界面,强大的编辑功能:使用简单拖拽的方式即可完成多种样式和数据配置。
2.拥有丰富的组件库与模板库,同时支持持续的扩展。
3.可以对布局元素进行自定义的样式调节。 SketchRule Vue3DraggableResizable
在页面左侧会有一个图表模块列表:包括Echarts上的各种类型图表以及文字、视频等,通过鼠标可以拖拽到中间画布中生成实际的组件。编辑区域支持等比例缩放;在画布中可以自由调节各组件大小,位置,角度,以及图层层级,在左侧还有一个图层列表,会与画布中组件的层级一一对应,两边都可以进行图层操作。在页面右侧会有一个管理面板,当我们在画布中选中一个组件,管理面板就会出现该组件的一些基本参数,比如位置,大小,角度,颜色、echarts字体设置、配置项设置等,可以进行微调操作。同时画布还支持右击菜单,可实现批量化功能操作