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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 关于秒的单位_时间分秒后面是什么单位

    关于秒的单位_时间分秒后面是什么单位github地址秒的各单位换算1秒(s)=1000毫秒(ms)=1,000,000微秒(μs)=1,000,000,000纳秒(ns)=1,000,000,000,000皮秒(ps)=1,000,000,000,000,000飞秒(fs)=1,000,000,000,000,000,000渺秒(as)皮秒(英语:picosecond)天文学名词;符…

    2022年9月6日
    3
  • Linux IP Masquerade[通俗易懂]

    Linux IP Masquerade[通俗易懂]PMasquerade是Linux发展中的一种网路功能.如果一台Linux主机使用IPMasquerade功能连线到网际网路上,那麽接上它的电脑(不论是在同一个区域网路上或藉由数据机连线)也可以接触网际网路,即使它们没有获得正式指定的IP位址.这使得一些电脑可以隐藏在闸道(gateway)系统後面存取网际网路而不被发现,看起来就像只有这个系统在使用网际网络

    2022年6月16日
    23
  • 物联网的职业规划(跟物联网有关的职业)

    L1LinuxC语音D1必备Linux命令和C语音基础D2数据类型、常量、变量及运算符D3输入输出专题D4控制语句D5数组和字符串D6指针专题一D7指针专题二D8函数1D9函数2D10linuxC语言高级编程D11MakefileL2数据结构D1数据结构引入D2线性表之顺序表(上)D3线性表之顺序表(下)D4线性表之单链表(上)D5线性表之单链表(下)

    2022年4月14日
    42
  • struts2拦截器和aop拦截器_自定义拦截器

    struts2拦截器和aop拦截器_自定义拦截器拦截器拦截器Filter是Struts2的核心。Struts2的拦截器与Servlet中的过滤器相似。在执行Action的execute()方法之前,Struts2先执行struts.xml中引用的拦截器,在执行完所有引用的拦载器的doIntercept()方法后,会执行Action的execute()方法。在Struts2的拦截器体系中,Struts2的内建拦截器完成了该框架的大部分操作,…

    2022年9月26日
    0
  • java中map根据value找key_Java Map和Map<String, Object>类型,map通过value找key

    java中map根据value找key_Java Map和Map<String, Object>类型,map通过value找keyMap是Map的一个泛型形式,俩个之间实际上是一个东西,但是用法却有点不一样1、Map:里面存放的是键值对集合,键值对的类型可以是任意封装类型实例Mapmap=newHashMap();//以下的俩种使用方式都是对的map.put(“a”,1);map.put(11,”abc”);2、Map:中只能存放指定类型的key和指定类型的value如下Map中只能存放String类型的键,Object…

    2022年7月23日
    10
  • android 自定义控件 attrs,android 使用attrs自定义控件

    android 自定义控件 attrs,android 使用attrs自定义控件步骤:1、在values下新建一个attrs.xml的资源文件(my_attrs.xml)//===》name为引用资源的名称//attr中的name为自定义的名称format为类型//字体颜色//字体大小//字符串2、新建一个类MyAttrsMyView继承View覆写publicMyAttrsMyView(Contextcontext,Attribu…

    2022年10月17日
    0

发表回复

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

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