Java知识分享网 - 轻松学习从此开始!    

Java知识分享网

Java1234官方群25:java1234官方群17
Java1234官方群25:838462530
        
SpringBoot+SpringSecurity+Vue+ElementPlus权限系统实战课程 震撼发布        

最新Java全栈就业实战课程(免费)

springcloud分布式电商秒杀实战课程

IDEA永久激活

66套java实战课程无套路领取

锋哥开始收Java学员啦!

Python学习路线图

锋哥开始收Java学员啦!
当前位置: 主页 > Java文档 > Java基础相关 >

echarts圆环中间显示文字 PDF 下载


分享到:
时间:2021-01-22 10:03来源:http://www.java1234.com 作者:转载  侵权举报
echarts圆环中间显示文字 PDF 下载
失效链接处理
echarts圆环中间显示文字 PDF 下载


本站整理下载:
提取码:38r8 
 
 
相关截图:
 
主要内容:


option = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 10,
        data: ['已处理', '未处理']
    },
     graphic:{
            type:'text',
            left:'center',
            top:'center',
            style:{
                text:'当日处理报警次\n'+'100', //使用“+”可以使每行文字居中
                textAlign:'center',
                fill:'#000',
                width:30,
                height:30
            }
        },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 335, name: '已处理'},
                {value: 60, name: '未处理'},
            ],
            color: ['#0562c9','#FFB703'],
             itemStyle: {
                        emphasis: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        },
                        normal:{ 
                            label:{ 
                                show: true, 
                                formatter: '{b} : {c} 次' 
                            }, 
                            labelLine :{show:true} 
                        } 
                    }
        }
    ]
};


 

------分隔线----------------------------

锋哥公众号


锋哥微信


关注公众号
【Java资料站】
回复 666
获取 
66套java
从菜鸡到大神
项目实战课程

锋哥推荐