echart饼图渲染多组数据

该博客介绍了如何使用Echarts在网页中实现饼图数据的动态更新。通过定时器和数组循环,饼图每隔5秒展示一组新的数据,数据包括计划量和完成量两个部分,并显示相应的百分比。博客还详细展示了源码,包括数据处理、图表配置和动画效果。
摘要由CSDN通过智能技术生成
  1. 准备好数据barDats

2.定时器

 

3.Echart饼图

 

4.饼图的数据

 数组for循环到哪个数据,把该数据给饼图。当for循环到最后一个,再从0开始

实现一直循环,返回各个饼图的数据

5.datas数据怎么来的

 

6.源码

function getCustEcah(barDatas) {
        console.log("====")
        console.log(barDatas)
        let index =0;
        if(barDatas&&barDatas.length>0) setPieData(barDatas[0])
        setInterval(() => {
            if(index>=(barDatas.length-1))index=0
            index++
            setPieData(barDatas[index]);
        }, 5000)
    }
    function setPieData(data1) {
        let datas = [{
            value: data1.custJGPlanWeight,<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值