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

最新推荐文章于 2024-08-20 09:56:51 发布

春晓_春眠花落

最新推荐文章于 2024-08-20 09:56:51 发布

阅读量2.8k

点赞数

分类专栏：数据可视化文章标签：数据可视化

本文链接：https://blog.csdn.net/weixin_49668076/article/details/120362651

版权

数据可视化专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述

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>