获取当前页面的字体大小，可换算成rem

shalDream

已于 2023-06-15 16:10:55 修改

阅读量1.1k

点赞数

分类专栏：公共方法文章标签： javascript echarts vue.js

于 2023-06-15 16:07:25 首次发布

本文链接：https://blog.csdn.net/shalDream/article/details/131229889

版权

公共方法专栏收录该内容

5 篇文章 0 订阅

订阅专栏

getComputedStyle()

该方法是window的方法，可以直接使用，主要用来获取元素当前的样式信息，可直接获取后转换成页面的rem，并在图表或其他地方使用。

例如：

const nowRem = getComputedStyle(document.documentElement).fontSize.replace('px', '') / 100
const option = {
	   series: [
	      {
	        axisLabel: {
	          show: true,
	          fontSize: 10 * nowRem
	        }
	      }
	    ]
	  }
this.myChart = this.$echarts.init(this.$refs.myChart)
this.myChart.setOption(option)