码迷,mamicode.com
首页 > 其他好文 > 详细

DataV

时间:2020-06-28 13:10:10      阅读:1264      评论:0      收藏:0      [点我收藏+]

标签:ef6   基于   边框   app   img   feed   href   order   ddb   

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

标签:ef6   基于   边框   app   img   feed   href   order   ddb   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!