echarts-三个环形图+副标题

option = {title: [{text:'标题一', //\n是换行subtext: '副标题一',textStyle:{fontSize:35,//标题字体},left: '16.67%', fontWeight:'bold',subtextStyle: {fontSize:25, //副标题字体},top: '5%',textAlign: 'center',}, {text:'标题二',subtext: '副标题二',textStyle:{fontSize:35,},left: '50%',top: '5%',subtextStyle: {fontSize:25,},textAlign: 'center'}, {text:'标题三',subtext: '副标题三',textStyle:{fontSize:35,},left: '83.33%',top: '5%',subtextStyle: {fontSize:25,},textAlign: 'center'}],color:['#57D69B','#527FF7'],legend:[{top: '85%',left: '6%',data: ['已达标', '未达标'],textStyle: {fontSize: 25},}, {top: '85%',left: '41%',data: ['已达标', '未达标'],textStyle: {fontSize: 25},},{top: '85%',left: '73%',data: ['已达标', '未达标'],textStyle: {fontSize: 25},} ],series: [{type: 'pie',radius: ['50%', '80%'],center: ['50%', '50%'],data: [{name: '已达标',value: 70}, {name: '未达标',value: 35}],label: {show: true,position:'inner',formatter: " {c}% ",textStyle: {fontSize: 20},},left: 0,right: '66.6667%',top: 0,bottom: 0}, {type: 'pie',radius:  ['50%', '80%'],center: ['50%', '50%'],data: [{name: '已达标',value: 50}, {name: '未达标',value: 58}],label: {show: true,position:'inner',formatter: " {c}% ",textStyle: {fontSize: 20},},left: '33.3333%',right: '33.3333%',top: 0,bottom: 0}, {type: 'pie',radius: ['50%', '80%'],center: ['50%', '50%'],data: [{name: '已达标',value: 20}, {name: '未达标',value: 88}],label: {show: true,position:'inner',formatter: " {c}% ",textStyle: {fontSize: 20},},left: '66.6667%',right: 0,top: 0,bottom: 0}]
};

效果图如下：

打开如下链接，复制代码，替换下就行

zhttps://echarts.apache.org/examples/zh/editor.html?c=pie-alignTohttps://echarts.apache.org/examples/zh/editor.html?c=pie-alignTo

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！