如图,文本部分是通过 ECharts 的 title
属性设置的,后边是极坐标系。
极坐标系的原点位置是计算出的一个比例值,如下:
polar: {
center: [(192 / 620 * 100) + '%', '50%'],
radius: '180%'
}
想实现文本在极坐标系中居于中心,所以也用了同样的比例,如下:
title: {
text: '75%',
textStyle: {
color: Blue,
fontSize: Unit(48),
fontWeight: 500,
},
left: (192 / 620 * 100) + '%',
top: 'center'
}
但是,ECharts(Canvas)中文本对齐是以左上角为基准的,所以就出现了图中的样子。而字体不是等宽字体,通过计算文本宽度再向左偏移自身一半宽度的思路似乎也行不通。还有什么办法可以实现吗?
当然,两者都设成 center
可以实现居中对齐,但想要的就是在容器中偏左一点的位置,而不是外层容器的中心位置。