简介 #
DataV 是一个专为大屏数字可视化场景设计的 Vue 组件库，提供了翻牌器、进度池、数字滚动、飞线地图等大屏常用效果组件。SmartChart 在高级设定中内置了对 DataV 的支持，开启后即可在模板中直接使用这些组件。
需要在高级中可开启datav模式
参考视屏
DataV配置方法文档: 图表
DataV 常用组件 #
| 组件名 | 标签 | 用途 |
|---|---|---|
| 翻牌器 | <dv-flip-text> |
数字/文字滚动展示，适合 KPI 指标 |
| 数字滚动 | <dv-count-to> |
数字动态增长效果 |
| 进度池 | <dv-percent-pond> |
百分比进度展示 |
| 活跃环图 | <dv-active-ring-chart> |
自动轮播的环形图 |
| 水位图 | <dv-water-level-pond> |
水位百分比可视化 |
| 飞线地图 | <dv-flyline-chart> |
地图上的流量飞线 |
| 边框 | <dv-border-box-n> |
数字大屏装饰边框（n=1~13） |
| 装饰 | <dv-decoration-n> |
大屏装饰线条（n=1~12） |
使用 DataV 组件时需在高级设定中开启 DataV 模式，系统会自动加载对应 JS/CSS