echarts 半环形图

配置干货：
喜欢的朋友，点个赞(^▽)

var option = {
    title: {
        text: '30%',
        left: 'center',
        top: 'middle',
        textStyle: {
            fontSize: 28
        }
    },
    tooltip: {
        trigger: 'item',
        formatter: '{b}: {c}%'
    },
    series: [
        {
            type: 'pie',
            label: {
                show: false
            },
            hoverOffset:50,  // 鼠标高亮扇区的偏移距离！
            center: ['50%', '50%'],
            radius: ['50%', '70%'],
            startAngle: 235,
            data: [
                {
                    name: '完成率',
                    value: 30,
                    itemStyle: {
                        color: 'rebeccapurple'
                    }
                },
                {
                    name: '剩余',
                    value: 70,
                    itemStyle: {
                        color: 'pink'
                    }
                },
                {
                    name: 'bottom',
                    value: 25,
                    itemStyle: {
                        color: 'transparent'
                    }
                }
            ]
        }
    ]
};

最后

以上就是发嗲煎蛋为你收集整理的echarts 半环形图的全部内容，希望文章能够帮你解决echarts 半环形图所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。