datav-vite一个快速构建可视化大屏的vue插件

datav-vite是一个快速生成可视化模板的vue插件，项目地址：https://github.com/chuxiaoguo...什么是这个插件？我们一般会遇到公司让我们写一个或多个简单的大屏可视化，里面可能有图表、炫酷的动画、文字等，这时候你就需要思考如何适配屏幕分辨率了。这时候，你会想到怎样的网格布局呢？能不能有一个统一的模板？我不关心屏幕的适配，我只关心这个大屏幕需要显示什么。于是，就有了这样一个组件——datav-vite（快速搭建可视化大屏或者数据大屏）。你不需要关心需要设计什么算法，你只要拿到ui设计稿，按照ui上的布局位置把各个组件放在固定的位置即可。还是不明白？看个例子？如需完整示例，请单击此处。它实际上是两个组件。一个父组件负责渲染背景图像并提供缩放算法。另一个子组件为不同的图形组件提供封装，使其具有绝对布局的功能。演示效果在线演示点此查看安装npminstall--savedatav-viteuseimportDatavVitefrom'datav-vite';Vue.use(DatavVite);使用apiDataVTemplatepropertyapiconstenumScaleMode{//根据屏幕分辨率，按比例缩放EQUAL=1,//宽满，高按比例缩放HSCALE=2,//高满，宽是按比例缩放的WSCALE=3,}interfacePalette{//背景色，当没有背景图时，用背景色填充backgroundColor:string;//背景图片backgroundImage:'',}属性描述类型默认值screenW屏幕分辨率WidthNumber1920screenH屏幕分辨率高度Number1080scaleMode屏幕预览类型Number(ScaleMode)3disabledBackgroundFill禁止多余背景用背景图片填充Booleanfalsepalette调色板Palette{backgroundColor:'#000'}DataVCellpropertyapiconstenumPartStyle{width:number,height:number,left:number,top:number,zIndex:number,}属性描述类型默认值partStyle给组件一个绝对布局，需要用户输入组件的宽度、高度、位置和组件堆叠顺序PartStyle-