大家好,又见面了,我是你们的朋友全栈君。
组件库名称: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)
光看截图就知道太酷炫了,而且根本不需要担心拿在手里会不会用,官方的文档也是非常详细
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/154801.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...