相信大家在平时工作中，难免会遇到开发大屏的需求，页面中有很多比较炫酷的CSS效果。这里给大家推荐一款大屏数据展示组件库，里面有各种边框、装饰、图标、飞线图、水位图、轮播表等等，支持vue和react，有很多炫酷效果。这里给大家记录一下

DataV 是阿里云推出的数据可视化工具，是阿里云的数据可视化应用搭建平台，‌旨在让更多的人看到数据可视化的魅力，‌帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，‌满足会议展览、‌业务监控、‌风险预警、‌地理信息分析等多种业务的展示需求。‌主要用于创建大屏展示、仪表盘和数据报告等等。

主要修复： 1.build或者dev项目时不报错，兼容vite2， vue 3； 2.加入deep监听watch，直接在父组件 中 修改图表 中 的config参数即可完成图表 中 的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录 中 安装，执行cnpm install @ jia min ghi / data - view 即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http:// data v. jia min ghi .com/ 主要修复： 1.build或者dev项目时不报错，兼容vite2， vue 3； 2.加入deep监听watch，直接在父组件 中 修改图表 中 的config参数即可完成图表 中 的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录 中 安装，执行pnpm install @ jia min ghi / data - view 即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http:// data v. jia min ghi .com/ Compiles and hot-reloads for development npm run dev-client Compiles and min ifies for production npm run dev-server 后 端 部分：Node.js + Koa + MongoDB 按需引入仅支持基于ES module的tree shaking，按需引入示例如下： import { borderBox1 } from '@ jia min ghi / data - view ' Vue .use(b data set 是 Data Set 或者 Data View . options 是一个对象，包含以下属性，以下属性方法与 Data Set.get and Data View .get 中 可用的属性完全相同【数据选择的options】convert同 type，fields、filter // create a Data Set var data = new vis. Data Set(); Vue第 37 篇，The image argument is a canvas element with a width or height of 0(Uncaught DOMException:) 豆奶dudu: 我也是 你最后解决了吗？ Chrome第2篇，Chrome检查打开慢，谷歌浏览器检查打开较慢，F12键（打开控制台）打开较慢，解决方法（Chrome检查功能打开慢） harrypotterhsj: 非常感谢，我也是不小心选了UK之后打开控制台就特别慢，困扰好久了！ Canvas绘制图片和区域（前端使用Canvas绘制图片，并在图片上绘制区域） 狂神说Java的粉丝小迷弟: 可以的能用，但是缺少html和css代码，还需要自己微调一下 在 VueJS 项目中实现多个可拖拽的弹出框（多个可拖拽el-dialog弹出框，共用同一函数） qq_53839602: 弹窗实现了拖拽，但是使用 .el-dialog__wrapper { pointer-events: none !important; }后，开启多个弹窗但无法与弹窗内部交互怎么办