Echarts饼图类型一

380 阅读1分钟

ac5d601b70ba9232dac3199bd9b8b94.png

option = {
     backgroundColor: '#ff',
    title: [
        {
            text: '27%',
            x: 'center',
            top: '47%',  
            textStyle: {
                fontSize: '40',
                color: '#2087FE',
                fontFamily: 'Lato',
            },
        },
    ],
    polar: {
        radius: ['44%', '50%'], 
    },
    angleAxis: {
        max: 100,
        show: false,
        startAngle:-90,
        clockwise: false,
    },
    radiusAxis: {
        type: 'category',
    },
    series: [
        {
            type: 'bar',
            roundCap: false,
            barWidth: 60,
            showBackground: true,
            backgroundStyle: {
                color: '#E1EFFF',
            },
            data: [27],
            coordinateSystem: 'polar',
            

            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                        {
                            offset: 0,
                            color: '#E1EFFF ',
                        },
                        {
                            offset: 1,
                            color: '#2087FE',
                        },
                    ]),
                },
            },
        },
        {
            type: 'gauge',
            pointer: {
                show: false,
            },
            detail: {
                show: false,
            },
            data: [
                {
                    value: 95,
                    name: '',
                },
            ],
            axisLine: {
               show:false,
               
            },
           axisTick:{
               show:false
           },
            splitLine: {
                show: false,
                length: 0,
            },
            axisLabel: {
                show: false,
            },
        },
    ],
};