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


相关推荐

  • pycharm安装教程2021.2.2_eclipse环境配置

    pycharm安装教程2021.2.2_eclipse环境配置在PyCharm中如何配置Anaconda3环境软件:PyCharm2020.2.2×64;Anaconda3(64-bit)步骤如下:1.File→NewProject2.选择Newenvironment,Conda选项我的是默认选好的,没有更改3.Create即可,下一次创建新的项目默认使用Anaconda环境…

    2022年8月29日
    4
  • C#修改connectionStrings的方法

    C#修改connectionStrings的方法读取protectedvoidPage_Load(objectsender,EventArgse){CheckLoginMyChk=newCheckLogin();title.InnerHtml=”<b>数据库连接配置</b>”;if(!IsP…

    2022年5月11日
    34
  • unity 减少drawcall_unity scroll

    unity 减少drawcall_unity scroll一般我们在实时渲染中,DC也就是DrawCall都会尽可能的降低他,以为着,CPU与GPU的绘制沟通会减少啥叫:DrawCall已OpenGL为例,就是调用带有绘制功能的API的次数如:DrawCall:10次,那就意味着调用了glDrawXXXX的API10次啥叫:SetPassCallUnity中,就无缘无故多了个叫:SetPassCall的家伙其实早在以前的游戏引擎里,没有pass这么一个说法,说是techni的说法因为这些都是封装的功

    2022年9月19日
    2
  • MCU_STM32的位带操作 — bit banding[通俗易懂]

    MCU_STM32的位带操作 — bit banding[通俗易懂]位带操作STM32芯片除了通用的寄存器访问,还有一个比较有意思的位带操作。这个位带的意思,就是每个比特(bit)位膨胀成一个32位的字(word),当访问这些字的时候就达到了访问“位”的目的,这就是位带操作!位带操作一个典型的特点,就是把1个位映射到32位,在程序处理中方便操作具体位,典型的如RCC寄存器,需要逐位操作的地方比较多,直接寄存器操作的话,程序的可读性不强;位带操作的缺…

    2022年10月12日
    2
  • docker快速安装fastdfs服务springboot访问「建议收藏」

    docker快速安装fastdfs服务springboot访问「建议收藏」拉取镜像dockerpullmorunchang/fastdfs运行tracker跟踪器dockerrun-d–nametracker–net=hostmorunchang/fastdfsshtracker.sh运行storage存储器【注意:修改IP为自己的IP端口不变】dockerrun-d–namestorage–net=host-eTRACKER_IP=192.168.61.200:22122-eGROUP_NAME=gr

    2022年6月24日
    25
  • gcc编译器参数_gcc for c4droid

    gcc编译器参数_gcc for c4droid【转载】gcc使用中常用的参数及命令 本文转载自:http://www.cnblogs.com/yaozhongxiao/archive/2012/03/16/2400473.html如需转载,请注明原始出处。谢谢。—————————————————————-…

    2022年10月13日
    7

发表回复

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

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