echarts 饼图——环状进度条

在工作中经常遇到需要环形进度条的场景,用echarts 饼图就能容易得办到,option 配置如下所致。


option = {

title: {

        text: (20 * 1) + '%',

        x: 'left',

        y: 'top',

        textStyle: {

            color: 'red',

            fontSize: 100,

        }

    },

    series: [{

        type:'line',

        name: 'main',

        silent: true,

        radius: ['50%', '60%'],

        label: {

            normal: {

                show: false,

            }

        },

        data: [

            {

                value: 20,

                itemStyle: {

                    normal: {

                        color: 'red'

                    }

                }

            },

            {

                value: 80,

                itemStyle: {

                    normal: {

                        color: '#d3daf5'

                    }

                }

            }

        ]

    }

    ]

};

不知道这个地方贴代码的格式咋搞哦,贴出来好丑,那就先整个图


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容