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>