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的主要内容,如果未能解决你的问题,请参考以下文章