当前位置: 首页 > news >正文

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></>);

相关文章:

  • 已经 上线 Vue 项目 国际化 i18n 中译英
  • CVE-2022-22947源码分析与漏洞复现
  • Python应用“关键字”初解
  • 车载以太网网络测试-27【SOME/IP-SD简述】
  • MAX96752FGTN/V+T:双LVDS(OLDI)输出的GMSL2解串器架构与应用探讨——汽车与工业视频传输方案深度分析
  • 格雷希尔快速封堵接头,解决新能源汽车的气密性检测和三电系统的综合测试
  • VSCode配置C/C++环境
  • 编程日志5.17
  • MPI中近邻(neighborhood)之间的All-to-All通信
  • Web3.0:下一代互联网的变革与机遇
  • “智”斗秸秆焚烧,考拉悠然以科技之力筑牢生态安全防线
  • AI 招聘系统科普:如何辨别真智能与伪自动化
  • openai-whisper-asr-webservice接入dify
  • 在Ubuntu18.04下搭建SadTalker让图片开口说话
  • Python爬虫实战:研究Crawley 框架相关技术
  • MIPI摄像头linux驱动开发步骤及说明
  • SpringCloud Alibaba微服务-- Sentinel的使用(笔记)
  • 【部署】如何离线环境创建docker容器执行python命令行程序
  • MongoDB大数据量的优化——mongoTemplate.stream()方法使用
  • 安装openresty使用nginx+lua,openresty使用jwt解密
  • 呼和浩特做网站的公司有哪些/百度链接提交
  • 国外的设计网站推荐/承接网络推广外包业务
  • 网站搭建系统/可以引流推广的app
  • 编程外包接单平台/上海seo顾问推推蛙
  • 找人做销售网站/网站制作河南
  • 微信开放品牌/网站建设seo