
介绍 | DataV
UMD版 UMD 版可直接使用 script 标签引入, UMD 版文件下载请移步 UMD,引入后将自动把所有组件注册为 Vue全局组件,引入 DataV 前请确保已引入 Vue。
DataV
Vue 大屏数据展示组件库 开源免费 长期维护,不断添加新组件以丰富组件库
图表 | DataV
图表 图表组件基于 Charts 封装,只需要将对应图表 option 数据传入组件即可。 (React版)
轮播表 | DataV
轮播表 轮播表可以单条轮播也可以整页轮播,支持点击事件,展示数据使用 v-html 渲染,因此你可以传递 html 字符串,定制个性化元素。 (React版)
飞线图 | DataV
设置一个中心点,若干飞线点,即可得到动态飞线图,组件提供的 dev模式 可以帮你快速配置飞线点位置。 (React版)
边框 | DataV
边框内布局 边框组件默认宽高均为100%,边框内部的节点将被slot插槽分发至边框组件下class为 border-box-content 的容器内,如有布局需要,请针对该容器布局,以免产生样式冲突,导致边框显示异常。
支持 | DataV
Vue 大屏数据展示组件库 支持 Charts 提供了图表支持。 CRender 提供了Canvas渲染支持。 Transition 提供了缓动曲线、动画状态的支持。
数字翻牌器 | DataV
[5] 当需要格式化数字时,例如数字千分位插入逗号分隔符,可以使用 formatter 来达到效果, number 属性中的每一个数值元素都将被传递给 formatter,返回值将代替原有数值,可参见示例。 [6] …
DEMO | DataV
Vue 大屏数据展示组件库 TIP Demo均使用了 全屏容器 进行内容缩放,查看时请F11全屏以便于Demo充满屏幕。 Mac的Retina及其他高分辨率屏幕下查看Demo可能出现缩放异常,如出现异常请调节屏幕 …
全屏容器 | DataV
TIP 建议在全屏容器内使用 百分比 搭配 flex 进行布局,以便于在不同的分辨率下得到较为一致的展示效果。 使用前请注意将 body 的 margin 设为0,否则会引起计算误差,全屏后不能完全充满屏幕。