1. @jiaminghi/data-view
Vue Large screen data display component library
@jiaminghi/data-view
Package: @jiaminghi/data-view
Created by: DataV-Team
Last modified: Tue, 05 Apr 2022 21:57:11 GMT
Version: 2.10.0
License: MIT
Downloads: 12,485
Repository: https://github.com/DataV-Team/DataV

Install

npm install @jiaminghi/data-view
yarn add @jiaminghi/data-view

ENGLISH

DataV

LICENSE LICENSE

DataV是干什么的?

  • DataV是一个基于Vue的数据可视化组件库(当然也有React版本
  • 提供用于提升页面视觉效果的SVG边框和装饰
  • 提供常用的图表如折线图等
  • 飞线图/轮播表等其他组件

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)

详细文档及示例请移步HomePage.

UMD版

UMD版可直接使用script标签引入,UMD版文件位于项目dist目录下,引入后将自动把所有组件注册为Vue全局组件,引入DataV前请确保已引入Vue

UMD版使用示例

TODO

  • 地图组件
  • TS重构组件库底层依赖

致谢

组件库的开发基于个人学习和兴趣,由于技术水平及经验的限制,组件尚有许多不完善之处,如有BUG可及时提交issue或添加反馈群进行反馈,也欢迎提供指正和建议,感谢各位的支持。

反馈

Feedback

Demo

Demo页面使用了全屏组件,请F11全屏后查看。

construction-data

manage-desk

electronic-file

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin