echarts 空心饼图,内说明文字居中
1. 最开始,尝试用top
// left: 'center',
// top: 'center',
或者top设置为一半的高度,这俩间距还不对,得设置
// itemGap: -2,
很麻烦
2. 后来网上搜索,说可以在里面再嵌套一个实际上啥也没有的pie
用例子试了一下, 能实现,但是还得调,而且意义不明也不太好, 不过这文章参考自 https://blog.csdn.net/qq_41287158/article/details/132202473
并且echarts在线实现在https://echarts.apache.org/examples/zh/editor.html?c=pie-nest
3. 这也太麻烦了,最终直接无所不用其极,咱们直接position absolute不好吗?
我tm直接⬇️ 香死了,绝对绝对的居中。无可打破
return (<><EchartsDiv option={option} /><div className="whitespace-nowrap text-center absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"><div className=" text-2xl">{String(dxxxxxxum || 0)}</div><div className=" text-sm">完成题目</div></div></>);