首页 > 其他 > 详细

DataV

时间:2020-06-28 12:54:26      阅读:134      评论:0      收藏:0      [点我收藏+]

组件库名称: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

原文:https://www.cnblogs.com/springsnow/p/13202097.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!