Vue数据可视化组件：data-view

大家好，又见面了，我是你们的朋友全栈君。

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

<span role="heading" aria-level="2">Vue数据可视化组件：data-view

<span role="heading" aria-level="2">Vue数据可视化组件：data-view

<span role="heading" aria-level="2">Vue数据可视化组件：data-view

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

<span role="heading" aria-level="2">Vue数据可视化组件：data-view

<span role="heading" aria-level="2">Vue数据可视化组件：data-view

<span role="heading" aria-level="2">Vue数据可视化组件：data-view

<span role="heading" aria-level="2">Vue数据可视化组件：data-view

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

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/154801.html原文链接：https://javaforall.cn