中间显示使用graphic选项,样式自己调
graphic: {
elements: [{
type: 'text',
left: 'center',
top: '45%',
style: {
text: "总数",
textAlign: 'center',
fill: '#000',
width: 30,
height: 30,
fontSize: 12,
color:'#ffffff'
}
}, {
type: 'text',
left: 'center',
top: '60%',
style: {
text: '224', //这里改用实际值
textAlign: 'center',
fill: 'darkgray',
width: 30,
height: 25,
fontSize: 14,
color:'red'
}
}]
}
下面的legend,大概这样
legend: {
show: true,
orient: 'vertical',
x:'center',
y: 'middle',
borderWidth: 0,
data: legendArray, //使用实际数据
itemGap: 6,//图例之间间隔,
itemWidth: 14,
itemHeight:10,
fontSize:11
}
多看下api: https://echarts.apache.org/zh/option.html#legend
title: {
text: '总数,
subtext: '224',
x: 'center',
y: 'center'
}