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

Vue数据可视化组件:data-view组件库名称:DataV项目地址:https://github.com/DataV-Team/DataV文档地址贴几个Demo图DataV是一个基于Vue数据可视化组件库,类阿里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)

<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.net/154801.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 解决TortoiseSVN中out of date问题的一个方法

    解决TortoiseSVN中out of date问题的一个方法

    2021年10月17日
  • 实现学员管理系统

    实现学员管理系统”””班级学员管理系统需求:简单的设计一下首页。1、添加学员信息,设计简单的页面2、删除学员信息,学员信息为空则不执行操作3、修改学员信息,学员信息为空不执行操作(当修改的学员的姓名不在列表中时返回错误)4、查找学员信息,把学员信息,依次输出在终端页面”””Student_List=[]whileTrue:print(”)print(‘–…

    2022年9月20日
  • java编译器——安装IDEA 步骤

    java编译器——安装IDEA 步骤1、从官网上下载ideaIU-2021.2.3,地址如下,点击download;IntelliJIDEA:TheCapable&ErgonomicJavaIDEbyJetBrainsACapableandErgonomicJavaIDEforEnterpriseJava,Scala,Kotlinandmuchmore…https://www.jetbrains.com/idea/图12、IntelliJIDEA是一款跨平台的开发工具,

    2022年7月15日
  • 通过Vagrant搭建PHP环境(一) Vagrant box添加配置「建议收藏」

    通过Vagrant搭建PHP环境(一) Vagrant box添加配置

    2022年2月8日
  • linux 配置java变量_linux部署java环境

    linux 配置java变量_linux部署java环境很多Java项目发布到环境,需要配置java全局变量这样可以很省心。配置java全局变量非常简单只需要三步。第一步,上传Jdk包并且解压jdk包。并且确定jdk的地址,进入到jdk包中执行pwd会初心jdk的地址第二步:在etc下执行viprofile。这样需要在最下面配置如下内容:exportJAVA_HOME=jdk的主目录路径exportP

    2022年8月21日
  • 音频放大电路设计

    音频放大电路设计目录第一章:设计要求第二章:整体思路第三章:具体电路设计1、MIC放大电路2、功率放大电路3、正弦波发生电路4、方波发生电路5、加法电路6、Line-in电路7、音频调节电路第四章:总结第五章:附录第一章设计要求1、基本要求• 功能要求:话筒扩音、音量控制、混音功能•额定功率:1W(失真度THD≤5%)•负载阻抗:8Ω•频率响应:fL≤50Hz,fH≥20kHz•输入阻抗:20kΩ•话音输入灵敏度:5mV2、提高要求音调控制特性:1kHz处增益为0d

    2022年5月3日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号