DataV
made with Vuejs

简介及使用教程

DataV是一个Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用。

安装

Npm

npm install @jiaminghi/data-view

Yarn

yarn add @jiaminghi/data-view

浏览器

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script>

使用

全局使用

import Vue from 'vue'
import DataV from '@jiaminghi/data-view'

Vue.use(DataV)

按需引入

import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)

使用示例

<dv-charts :option="option"  />

示例

desc.gif

作者

DataV-Team

相关项目

这是一个适配Ansible(自动化运维工具)的现代UI。
这是一个免费的Vue.js Bootstrap 管理面板。
这是一个开源的数据可视化应用。
这是一个将JSON对象可视化到DOM的组件。
这是一个基于 vue、datav、Echart 框架的 数据大屏项目。