ECharts 文字如何实现以文本中心点为基准对齐?

Xnip2020-03-06_11-51-16.png

如图,文本部分是通过 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 可以实现居中对齐,但想要的就是在容器中偏左一点的位置,而不是外层容器的中心位置。

阅读 1.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题