数据大屏可视化-Datav-动态饼图效果-dv-decoration-9

Datav的动态饼图还是挺好用的，下载datav：npm install @jiaminghi/data-viewmain.js中引入：import dataV from ‘@jiaminghi/data-view’Vue.use(dataV)我做的是假数据展示，真实数据渲染的话可以参考别的大神写的文章。dur单次动画时长(秒)<template><div><dv-d

花椒和蕊

2914人浏览 · 2021-09-18 10:45:24

花椒和蕊 · 2021-09-18 10:45:24 发布

在这里插入图片描述

Datav的动态饼图还是挺好用的，
下载datav：npm install @jiaminghi/data-view
main.js中引入：import dataV from ‘@jiaminghi/data-view’
Vue.use(dataV)

我做的是假数据展示，真实数据渲染的话可以参考别的大神写的文章。
dur 单次动画时长(秒)

<template>
      <div>
          <dv-decoration-9
            :color="['#18eebe', '#18eebe']"
            style="width:90px;height:90px;text-align: center;display: block;"
            :dur="20"
          >
            <div class="dv" style="color:#19f2d7;font-weight: bold;">10个</div>
            <div style="font-size: 12px;">测试</div>
          </dv-decoration-9>
        </div>
</template>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^