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

解决Echarts:宽度100%,渲染的宽度却是100px

为什么我们宽度设置了100%,结果变为了100px?

源码这里没有获取到clientWidth,会将设置的width:100%转换称100px 

解决办法:

<div ref="numberPieRef"></div>let numberPieRef = ref(null);
let myChart = null;function initChart() {if (numberPieRef.value) {numberPieRef.value.style.width = window.innerWidth - 300 + "px";numberPieRef.value.style.height = "500px";myChart = $eCharts.init(numberPieRef.value);myChart.showLoading();.....myChart.hideLoading();myChart.setOption({.........});window.addEventListener("resize", () => {myChart.resize();});}
}

 


http://www.mrgr.cn/news/34431.html

相关文章:

  • caozha-CEPCS(新冠肺炎疫情防控系统)
  • 【蓝桥等考C++真题】蓝桥杯等级考试C++组第13级L13真题原题(含答案)-最大的数
  • D63【python 接口自动化学习】- python基础之数据库
  • CSS:导航栏三角箭头
  • 动手学深度学习10.1. 注意力提示-笔记练习(PyTorch)
  • CSS多列布局:打破传统布局的束缚
  • (c++)结构体数组的创建和元素访问(指针访问和.访问)
  • 抖音矩阵系统源码搭建短视频批量剪辑矩阵分发,可开源或oem
  • 圈子系统源码搭建,圈子系统安卓证书、包名和签名-苹果开发者账号、证书如何获取
  • fo-dicom开发之DICOM数据解析:常见数据类型及处理方法详解
  • 【计算机网络】传输层协议TCP
  • 好用的idea方法分隔符插件
  • 计算机网络发展
  • 【AI创作组】MATLAB基础语法总结
  • C# 中yield 的使用详解
  • 【基础知识】网络套接字编程
  • html,js,react三种方法编写helloworld理解virtual dom
  • Android RecyclerView 实现 GridView ,并实现点击效果及方向位置的显示
  • 《机电工程技术》
  • 西门子PCS7在CFC中如何连接DB块中的变量
  • 【智能制造-32】通信冗余
  • 基于python深度学习遥感影像地物分类与目标识别、分割实践技术
  • 全流程管理的商标管理软件如何实现一站式品牌保护?
  • 【安装教程】Windows环境下Neo4j的安装与配置
  • Redis面试常见问题
  • Matplotlib-数据可视化详解