很多项目中会用到以上这种模式的Echarts,我在一开始的时候直接用div配合position强行地位,但是使用position的话位置总会出现位移,后面接触到Echarts自带的title来替代会相对稳定代码如下:
option = {
// 坐标轴提示
tooltip: {
show: false,
trigger: 'item',
},
// 利用echarts自身的title作为中心盒子
title: {
// {a|}{b|}写法可用rich来调整样式
text: [`{a|${this.dataInfo.number ? this.dataInfo.number : '-'}}`, '{b|个}'].join(''),
// 调整title位子
top: '45%',
left: '40%',
textStyle: {
rich: {
a: {
fontSize: '21px',
fontFamily: 'AzonixRegular',
color: '#021c25'
},
b: {
fontSize: '12px',
fontFamily: 'Pin