DataV
Posted springsnow
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DataV相关的知识,希望对你有一定的参考价值。
组件库名称:DataV
项目地址:https://github.com/DataV-Team/DataV
贴几个Demo图
DataV是一个基于Vue数据可视化组件库,类阿里DataV,提供SVG的边框及装饰,图表,飞线图等组件,简单易用。
主要的组件类型
- SVG的边框,主要用于提升页面效果,一个边框组件仅几k到十几k,后期会添加颜色之类的配置项,增强可配置性
- SVG的装饰,主要用于提升页面效果
- 图表,基于自己写的charts组件封装的,与echarts类似,轻量体积小
- 飞线图,水位图,进度池等特殊类的组件
npm安装
$ npm install @jiaminghi/data-view使用
import Vue from ‘vue‘import DataV from ‘@jiaminghi/data-view‘Vue.use(DataV)// 按需引入import { borderBox1 } from ‘@jiaminghi/data-view‘Vue.use(borderBox1)
光看截图就知道太酷炫了,而且根本不需要担心拿在手里会不会用,官方的文档也是非常详细
以上是关于DataV的主要内容,如果未能解决你的问题,请参考以下文章