dv-charts

vue2 大屏组件

unpublished

latest

npm

Version: 0.0.9

Version published: 3 years ago

Maintainers: 1

Created: 3 years ago

Source

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>

FAQs

What is dv-charts?

Is dv-charts well maintained?

Package last updated on 31 Mar 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install