0.0.9 • Published 1 year ago
dv-charts v0.0.9
Dv-Charts是干什么的?
- Dv-Charts是一个基于Vue2的数据可视化组件库（后续会增加Vue3版本及React版本）
- 提供数据可视化大屏所需的各种组件，朋友写的DataV组件库中有的组件，我这边不会过多增加，最多是效果提升
- 之前长期制作数据可视化大屏，并自己研发了一套数据可视化平台，会在此组件库增加我所频繁使用的组件，因工作原因及个人比较佛系，更新会比较慢，但会持续更新，后续计划先增加Vue3和React版本，然后同步更新三个版本中的可视化组件
npm安装
$ npm install dv-charts使用
import Vue from 'vue'
import DvCharts from 'dv-charts'
Vue.use(DvCharts)
// 按需引入
import { DigitalFlop } from 'dv-charts'
Vue.use(DigitalFlop)UMD版
UMD版可直接使用script标签引入，UMD版文件位于项目dist目录下，引入后将自动把所有组件注册为Vue全局组件，引入DataV前请确保已引入Vue。
<body>
<div id="app">
<digital-flop :start-val="1" :end-val="999"></digital-flop>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/dv-charts/dist/dv-charts.min.vue.js"></script>
<script>
new Vue({
el: '#app'
})
</script>组件介绍
数字翻牌器
//main.js
import { DigitalFlop } from 'dv-charts'
Vue.use(DigitalFlop)
// 业务页面
<template>
<div id="app">
<digitalFlop />
</div>
</template>