echart圆环圆角颜色渐变

在这里插入图片描述

let data = [

    {
        value: 410,
        name: '检通一'
    },
    {
        value: 380,
        name: '检查通知书'
    },
    {
        value: 501,
        name: '未检查告知'
    },
];
let color = [{type:'linear',colorStops:[{ offset:0, color:'#01BAFA'},{ offset:1, color:'#02364F'}]},"#4293fc","#4293fc"]
let data1 = data[0].value + data[1].value + data[2].value;
let baseData = [];
for (var i = 0; i < data.length; i++) {
    baseData.push({
        value: data[i].value,
        name: data[i].name,
        itemStyle: {
            normal: {
                borderWidth: 20,
                //shadowBlur: 50,
                borderColor: color[i],
               // shadowColor: 'rgba(0, 0, 0, 0.8)'
            }
        }
    });
}
option = {
    title: {
        text: '',
        textStyle: {
            color: '#fff',
            fontSize: 55,
        },
        top: '15%',
        left: '15%',
    },
    backgroundColor: '#0d235e',
    tooltip: {
        show:true,
        trigger: 'item',
        formatter: "{a}:{b} <br/>占比:{d}%"
    },
    legend: {
        data: ['检通一', '检查通知书', '未检查告知'],
        icon: 'circle',
        bottom: '0%',
        show:true,
    },
    grid: {
        top: 'bottom',
        left: '90',
        width: '90%',
        height: '80%',

    },
    series: [{
            zlevel: 1,
            name: '数据采集',
            type: 'pie',
            selectedMode: 'single',
            radius: [190, 200],
            startAngle: '135',
            hoverAnimation: false,
            label: {
                normal: {
                    show: true,
                    formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
                    rich: {
                        b: {
                            fontSize: 20,
                            lineHeight: 30
                        },
                        c: {
                            fontSize: 20,
                            lineHeight: 30
                        }

                    }
                }
            },
            itemStyle: {
                borderRadius: 30,
                borderColor: '#fff',
                borderWidth: 80
            },
            data: baseData
        }
    ]
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

春风得意之时

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值