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
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/154801.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • android菜鸟教程_菜鸟软件下载app

    android菜鸟教程_菜鸟软件下载app相对布局是通过相对定位的方式让控件出现在布局任意位置; 在相对布局中如果不指定控件摆放的位置,那么控件都会被默认放在RelativeLayout的左上角。因此要先指定第一个控件的位置,其他控件为该位置的相对位置;RelativeLayout属性:(使用相对布局属性需要先指定控件的id,其他控件根据该控件的id,来确定相对于该控件的相对位置)示例:xmlversion=”1

    2022年10月30日
  • DEDECMS去掉自动生成首页或栏目后面带的index.html

    DEDECMS去掉自动生成首页或栏目后面带的index.html

  • java8 小技巧保证分组groupingBy后排序不变

    java8 小技巧保证分组groupingBy后排序不变问题:遇到一个小问题,查询出来一组数据后,按照其中的属性进行groupBy分组,分组后要保证顺序不变。排查首先去api中查找解决//一个参数publicstatic<T,K>Collector<T,?,Map<K,List<T>>>groupingBy(Function<?superT,?ex…

  • Android特效开发(仿zaker用手向上推动的效果(推动门效果))

    本文由manymore13原创,转载请标明出处 http://blog.csdn.net/manymore13/article/details/12219687     最近在商店下载了zaker ,闲暇时拿来看看新闻!发现每次打开软件进入主界面时有个界面,需要你把它往上滑到一定距离才能进入到主界面。每次进入软件时它的背景可能不一样,在往上拨的时候你会看见主界面,好似向上推的门一样!

  • idea安装mybatis插件_myeclipse安装插件

    idea安装mybatis插件_myeclipse安装插件选择Help->Installfromsite…在弹出的对话框中点击右上角的Add按钮Name:mybatisLocation:https://dl.bintray.com/mybatis/mybatis-generator

  • jar包和war包的介绍和区别

    jar包和war包的介绍和区别JavaSE程序可以打包成Jar包(J其实可以理解为Java了),而JavaWeb程序可以打包成war包(w其实可以理解为Web了)。然后把war发布到Tomcat的webapps目录下,Tomcat会在启动时自动解压war包。JAR(JavaArchive,Java归档文件)是与平台无关的文件格式,它允许将许多文件组合成一个压缩文件。为J2EE应用程序创建的JAR文件是EAR

发表回复

您的电子邮箱地址不会被公开。

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