echarts饼图标题居中以及调整主副标题的间距、字号
text：主标题
subtext：副标题
textStyle: {} //主标题的属性设置
subtextStyle: {} //副标题的属性
itemGap：主副标题之间的间距
textAlign：整体（包括 text 和 subtext）的⽔平对齐
项⽬个数是后台返回的，直接渲染
function initThisMonthProjectsParticipate() {
$.ajax({
url: urlpic + "currentMonthParticipateProject",
type: 'get',
data: {
deptId: '4676',
},
success: function (data) {
console.log(data.participateProjectTotal, 'data');
let total = data.participateProjectTotal;
let dataOption = data.eChartResponseModel;
let styleOption = {
title: {
show: true,
text: '本⽉参评项⽬',
subtext: total + '个',
itemGap: 8,
left: '48%',
top: '45%',
textStyle: {
color: '#B4E4FF',
fontSize: 8 * sceenRate,
},
subtextStyle: {
color: '#B4E4FF',
fontSize: 8 * sceenRate,
},
textAlign:'center'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'//a 系列名称，b 数据项名称，c 数值，d 百分⽐
},
series: [{
textstyle
name: '本⽉参评项⽬',
type: 'pie',
label: {
show: true,
alignTo: 'labelLine',
position: 'outside',
formatter: '{c}个{b}项⽬',
fontSize: 6 * sceenRate,
alignTo: 'edge'
},
}]
}
let id = 'participateChart'
let chart = initCharts(id, dataOption, styleOption)            ('click', function () {
initSecondLevelPage()
})
},
})
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。