先看效果:
- 中心文字设置
this.chart.guide().html({
position: ['50%', '50%'],
html: `<div style="color:#fff;font-size: 25px;text-align: center;width: 10em;">${total}<br><div style="color:#fff;font-size:14px;text-align: center">总得分</div></div>`,
alignX: 'middle',
alignY: 'middle'
})
chart.guide().html(cfg)
辅助 html。
chart.guide().html({
position: {object} | {function} | {array}, // html 的中心位置
htmlContent: {string}, // html 代码
alignX: {string}, // html 水平方向的布局,可取值为 ‘left’,‘middle’,‘rig