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

光看截图就知道太酷炫了，而且根本不需要担心拿在手里会不会用，官方的文档也是非常详细

 

 
 转自：https://www.cnblogs.com/springsnow/p/13202097.html